refactor(radio-group): optimize submission record

Author: chouchouji

packages/varlet-ui/src/radio-group/__tests__/__snapshots__/index.spec.js.snap

@@ -32,6 +32,49 @@ exports[`test radio group layout direction 1`] = `
 </div>"
 `;
 
+exports[`test radio group options 1`] = `
+"<div class="var-radio-group__wrap">
+  <div class="var-radio-group var-radio-group--horizontal">
+    <div class="var-radio__wrap">
+      <div class="var-radio">
+        <div class="var-radio__action var-radio--unchecked" tabindex="0"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+          <div class="var-hover-overlay"></div>
+        </div>
+        <div class="var-radio__text">eat</div>
+      </div>
+      <transition-stub name="var-form-details" appear="false" persisted="false" css="true">
+        <!--v-if-->
+      </transition-stub>
+    </div>
+    <div class="var-radio__wrap">
+      <div class="var-radio">
+        <div class="var-radio__action var-radio--unchecked" tabindex="0"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+          <div class="var-hover-overlay"></div>
+        </div>
+        <div class="var-radio__text">sleep</div>
+      </div>
+      <transition-stub name="var-form-details" appear="false" persisted="false" css="true">
+        <!--v-if-->
+      </transition-stub>
+    </div>
+    <div class="var-radio__wrap">
+      <div class="var-radio">
+        <div class="var-radio__action var-radio--unchecked var-radio--disabled"><i class="var-icon var-icon--set var-icon-radio-blank var-radio__icon" style="transition-duration: 0ms;" var-radio-cover=""></i>
+          <div class="var-hover-overlay"></div>
+        </div>
+        <div class="var-radio__text var-radio--disabled">game</div>
+      </div>
+      <transition-stub name="var-form-details" appear="false" persisted="false" css="true">
+        <!--v-if-->
+      </transition-stub>
+    </div>
+  </div>
+  <transition-stub name="var-form-details" appear="false" persisted="false" css="true">
+    <!--v-if-->
+  </transition-stub>
+</div>"
+`;
+
 exports[`test radio group validation 1`] = `
 "<div class="var-radio-group__wrap">
   <div class="var-radio-group var-radio-group--horizontal">

packages/varlet-ui/src/radio-group/__tests__/index.spec.js

@@ -259,6 +259,44 @@ test('test radio group layout direction', async () => {
   wrapper.unmount()
 })
 
+test('test radio group options', async () => {
+  const wrapper = mount({
+    components: {
+      [VarRadioGroup.name]: VarRadioGroup,
+      [VarRadio.name]: VarRadio,
+    },
+    data: () => ({
+      value: null,
+      options: [
+        { label: 'eat', value: 0 },
+        { label: 'sleep', value: 1 },
+        { label: 'game', value: 2, disabled: true },
+      ],
+    }),
+    template: `
+      <var-radio-group v-model="value" :options="options">
+      </var-radio-group>
+    `,
+  })
+
+  expect(wrapper.html()).toMatchSnapshot()
+
+  const children = wrapper.findAll('.var-radio')
+
+  expect(wrapper.vm.value).toStrictEqual(null)
+
+  await trigger(children[0], 'click')
+  expect(wrapper.vm.value).toStrictEqual(0)
+
+  await trigger(children[1], 'click')
+  expect(wrapper.vm.value).toStrictEqual(1)
+
+  await trigger(children[2], 'click')
+  expect(wrapper.vm.value).toStrictEqual(1)
+
+  wrapper.unmount()
+})
+
 test('test radio keyboard Enter', async () => {
   const wrapper = mount({
     components: {