[bugfix] Switch: incorrect activeColor when use activeValue

packages/switch/index.tsx

@@ -35,10 +35,10 @@ function Switch(
 
   const switchStyle = {
     fontSize: size,
-    backgroundColor: value ? activeColor : inactiveColor
+    backgroundColor: checked ? activeColor : inactiveColor
   };
 
-  const loadingColor = value ? activeColor || BLUE : inactiveColor || GRAY_DARK;
+  const loadingColor = checked ? activeColor || BLUE : inactiveColor || GRAY_DARK;
 
   function onClick() {
     if (!disabled && !loading) {

packages/switch/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inactive-color prop 1`] = `
+<div role="switch" aria-checked="false" class="van-switch" style="font-size: 30px; background-color: black;">
+  <div class="van-switch__node"></div>
+</div>
+`;

packages/switch/test/index.spec.js

@@ -60,3 +60,15 @@ test('active-value & inactive-value prop', () => {
   expect(input).toHaveBeenCalledWith('2');
   expect(change).toHaveBeenCalledWith('2');
 });
+
+test('inactive-color prop', () => {
+  const wrapper = mount(Switch, {
+    propsData: {
+      value: '2',
+      inactiveValue: '2',
+      inactiveColor: 'black'
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});