feat(switch): 增加新属性测试

pages/component/switch/switch.test.js

@@ -37,6 +37,16 @@ describe('switch', () => {
     await page.waitFor(100)
     expect(await switch_element.attribute('color')).toBe(color)
   })
+  it('dark', async () => {
+    const dark = await page.$('#dark')
+    const darkChecked = await page.$('#darkChecked')
+
+    expect(await dark.attribute('background-color')).toBe('#1f1f1f')
+    expect(await dark.attribute('fore-color')).toBe('#f0f0f0')
+
+    expect(await darkChecked.attribute('active-background-color')).toBe('#007aff')
+    expect(await darkChecked.attribute('active-fore-color')).toBe('#ffffff')
+  })
   it('click', async () => {
     let switchElement
     // TODO 暂时通过获取组件内部的 class 触发模拟点击

pages/component/switch/switch.uvue

@@ -5,7 +5,11 @@
       <view class="flex-row">
         <switch class="switch-checked" :checked="checked" @change="switch1Change" />
         <switch @change="switch2Change" />
-        <!-- <text class="switch-checked-value">{{clickCheckedValue}}</text> -->
+      </view>
+      <view class="uni-title">暗黑样式</view>
+      <view class="flex-row">
+        <switch id="darkChecked" background-color="#1f1f1f" activeBackgroundColor="#007aff" foreColor="#f0f0f0" activeForeColor="#ffffff" :checked="checked" />
+        <switch id="dark" background-color="#1f1f1f" activeBackgroundColor="#007aff" foreColor="#f0f0f0" activeForeColor="#ffffff" />
       </view>
       <view class="uni-title">禁用样式</view>
       <view class="flex-row">