feat(RadioGroup): add icon-size prop (#4529)

src/radio/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`icon-size prop 1`] = `
+<div role="radiogroup" class="van-radio-group">
+  <div role="radio" tabindex="0" aria-checked="true" class="van-radio">
+    <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 10rem;"><i class="van-icon van-icon-success">
+        <!----></i></div><span class="van-radio__label">label</span>
+  </div>
+  <div role="radio" tabindex="0" aria-checked="true" class="van-radio">
+    <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 10rem;"><i class="van-icon van-icon-success">
+        <!----></i></div><span class="van-radio__label">label</span>
+  </div>
+  <div role="radio" tabindex="0" aria-checked="true" class="van-radio">
+    <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 5rem;"><i class="van-icon van-icon-success">
+        <!----></i></div><span class="van-radio__label">label</span>
+  </div>
+</div>
+`;

src/radio/test/index.spec.js

@@ -1,25 +1,25 @@
+import Vue from 'vue';
 import Radio from '..';
 import RadioGroup from '../../radio-group';
 import { mount } from '../../../test/utils';
 
+Vue.use(Radio);
+Vue.use(RadioGroup);
+
 test('radio-group change', () => {
   const wrapper = mount({
     template: `
-      <radio-group v-model="result" @change="$emit('change', $event)">
-        <radio
+      <van-radio-group v-model="result" @change="$emit('change', $event)">
+        <van-radio
           v-for="item in list"
           :key="item"
           :name="item"
           :disabled="item === 'd'"
         >
           label
-        </radio>
-      </radio-group>
+        </van-radio>
+      </van-radio-group>
     `,
-    components: {
-      Radio,
-      RadioGroup
-    },
     data() {
       return {
         result: 'a',
@@ -47,20 +47,16 @@ test('radio-group change', () => {
 test('radio group disabled', () => {
   const wrapper = mount({
     template: `
-      <radio-group v-model="result" disabled @change="$emit('change', $event)">
-        <radio
+      <van-radio-group v-model="result" disabled @change="$emit('change', $event)">
+        <van-radio
           v-for="item in list"
           :key="item"
           :name="item"
         >
           label
-        </radio>
-      </radio-group>
+        </van-radio>
+      </van-radio-group>
     `,
-    components: {
-      Radio,
-      RadioGroup
-    },
     data() {
       return {
         result: 'a',
@@ -74,3 +70,17 @@ test('radio group disabled', () => {
 
   expect(wrapper.emitted('change')).toBeFalsy();
 });
+
+test('icon-size prop', () => {
+  const wrapper = mount({
+    template: `
+      <van-radio-group icon-size="10rem">
+        <van-radio>label</van-radio>
+        <van-radio>label</van-radio>
+        <van-radio icon-size="5rem">label</van-radio>
+      </van-radio-group>
+    `
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});