add segmented-control test, ref #1274 (#1511)

components/segmented-control/__tests__/__snapshots__/index.test.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SegmentedControl renders correctly 1`] = `
+<RCTSegmentedControl
+  enabled={true}
+  onChange={[Function]}
+  selectedIndex={0}
+  style={
+    Array [
+      Object {
+        "height": 28,
+      },
+      undefined,
+    ]
+  }
+  tintColor="#108ee9"
+  values={
+    Array [
+      "切换一",
+      "切换二",
+    ]
+  }
+/>
+`;

components/segmented-control/__tests__/__snapshots__/index.test.web.js.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SegmentedControl renders correctly 1`] = `
+<div
+  class="am-segment"
+  role="tablist"
+>
+  <div
+    aria-disabled="false"
+    aria-selected="true"
+    class="am-segment-item am-segment-item-selected"
+    role="tab"
+    style="color:#fff;background-color:;border-color:;"
+  >
+    <div
+      class="am-segment-item-inner"
+    />
+    切换一
+  </div>
+  <div
+    aria-disabled="false"
+    aria-selected="false"
+    class="am-segment-item"
+    role="tab"
+    style="color:;background-color:#fff;border-color:;"
+  >
+    <div
+      class="am-segment-item-inner"
+    />
+    切换二
+  </div>
+</div>
+`;

components/segmented-control/__tests__/index.test.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import SegmentedControl from '../index';
+
+describe('SegmentedControl', () => {
+  it('renders correctly', () => {
+    const tree = renderer.create(<SegmentedControl values={['切换一', '切换二']} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});

components/segmented-control/__tests__/index.test.web.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { render, shallow } from 'enzyme';
+import { renderToJson } from 'enzyme-to-json';
+import SegmentedControl from '../index.web';
+
+describe('SegmentedControl', () => {
+  it('renders correctly', () => {
+    const wrapper = render(<SegmentedControl values={['切换一', '切换二']} />);
+    expect(renderToJson(wrapper)).toMatchSnapshot();
+  });
+
+  it('check api', () => {
+    const onValueChange = jest.fn();
+    const onChange = jest.fn();
+    const wrapper = shallow(
+      <SegmentedControl values={['切换一', '切换二']} onValueChange={onValueChange} onChange={onChange} />,
+    );
+    expect(wrapper.find('.am-segment-item')).toHaveLength(2);
+    expect(wrapper.find('.am-segment-item').at(0).hasClass('am-segment-item-selected')).toBeTruthy();
+    wrapper.find('.am-segment-item').at(1).simulate('click', {});
+    expect(onValueChange).toHaveBeenCalledWith('切换二');
+    expect(onChange).toHaveBeenCalledWith(
+      {
+        nativeEvent: {
+          selectedSegmentIndex: 1,
+          value: '切换二',
+        },
+      },
+    );
+    expect(wrapper.find('.am-segment-item').at(0).hasClass('am-segment-item-selected')).toBeFalsy();
+    expect(wrapper.find('.am-segment-item').at(1).hasClass('am-segment-item-selected')).toBeTruthy();
+  });
+});