test: more test

Author: zombieJ

tests/Combobox.test.tsx

@@ -74,16 +74,12 @@ describe('Select.Combobox', () => {
     );
 
     expect(container.querySelector('input').value).toBe('');
-    expect(container.querySelector('.rc-select-selection-placeholder')!.textContent).toEqual(
-      'placeholder',
-    );
+    expect(container.querySelector('.rc-select-placeholder')!.textContent).toEqual('placeholder');
     fireEvent.change(container.querySelector('input')!, { target: { value: '1' } });
-    expect(container.querySelector('.rc-select-selection-placeholder')).toBeFalsy();
+    expect(container.querySelector('.rc-select-placeholder')).toBeFalsy();
     expect(container.querySelector('input')!.value).toBe('1');
   });
 
-  return;
-
   it('fire change event immediately when user inputing', () => {
     const handleChange = jest.fn();
     const { container } = render(
@@ -119,6 +115,8 @@ describe('Select.Combobox', () => {
     expect(container.querySelector('input').value).toEqual('1');
   });
 
+  return;
+
   describe('input value', () => {
     const createSelect = (props?: Partial<SelectProps>) => (
       <Select mode="combobox" {...props}>

tests/Multiple.test.tsx

@@ -422,9 +422,9 @@ describe('Select.Multiple', () => {
     const { container } = render(
       <Select mode="multiple" searchValue="light" placeholder="bamboo" />,
     );
-    expect(container.querySelector('.rc-select-selection-placeholder')).toBeTruthy();
+    expect(container.querySelector('.rc-select-placeholder')).toBeTruthy();
     toggleOpen(container);
-    expect(container.querySelector('.rc-select-selection-placeholder')).toBeFalsy();
+    expect(container.querySelector('.rc-select-placeholder')).toBeFalsy();
   });
 
   it('clear input when popup closed', () => {

tests/Select.test.tsx

@@ -702,8 +702,8 @@ describe('Select.Basic', () => {
         </Select>,
       );
       const inputSpy = jest.spyOn(container1.querySelector('input'), 'focus');
-      fireEvent.mouseDown(container1.querySelector('.rc-select-selection-placeholder'));
-      fireEvent.click(container1.querySelector('.rc-select-selection-placeholder'));
+      fireEvent.mouseDown(container1.querySelector('.rc-select-placeholder'));
+      fireEvent.click(container1.querySelector('.rc-select-placeholder'));
       expect(inputSpy).toHaveBeenCalled();
     });
   });

tests/__snapshots__/Combobox.test.tsx.snap

@@ -0,0 +1,43 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Select.Combobox renders controlled correctly 1`] = `
+<div
+  class="rc-select rc-select-single rc-select-show-search"
+>
+  <div
+    class="rc-select-content"
+  >
+    <div
+      class="rc-select-placeholder"
+      style="visibility: visible;"
+    >
+      Search
+    </div>
+    <input
+      class="rc-select-input"
+      value=""
+    />
+  </div>
+</div>
+`;
+
+exports[`Select.Combobox renders correctly 1`] = `
+<div
+  class="rc-select rc-select-single rc-select-show-search"
+>
+  <div
+    class="rc-select-content"
+  >
+    <div
+      class="rc-select-placeholder"
+      style="visibility: visible;"
+    >
+      Search
+    </div>
+    <input
+      class="rc-select-input"
+      value=""
+    />
+  </div>
+</div>
+`;

tests/placeholder.test.tsx

@@ -6,26 +6,26 @@ import { render } from '@testing-library/react';
 describe('Select placeholder', () => {
   it('when searchValue is controlled', () => {
     const { container } = render(<Select searchValue="light" placeholder="bamboo" />);
-    expect(container.querySelector('.rc-select-selection-placeholder')).not.toHaveStyle({
+    expect(container.querySelector('.rc-select-placeholder')).not.toHaveStyle({
       visibility: 'hidden',
     });
     toggleOpen(container);
-    expect(container.querySelector('.rc-select-selection-placeholder')).toHaveStyle({
+    expect(container.querySelector('.rc-select-placeholder')).toHaveStyle({
       visibility: 'hidden',
     });
   });
 
   it('when value is null', () => {
     const { container } = render(<Select value={null} placeholder="bamboo" />);
-    expect(container.querySelector('.rc-select-selection-placeholder')).toBeTruthy();
-    expect(container.querySelector('.rc-select-selection-placeholder').textContent).toBe('bamboo');
+    expect(container.querySelector('.rc-select-placeholder')).toBeTruthy();
+    expect(container.querySelector('.rc-select-placeholder').textContent).toBe('bamboo');
   });
 
   it('not when value is null but it is an Option', () => {
     const { container } = render(
       <Select value={null} placeholder="bamboo" options={[{ value: null, label: 'light' }]} />,
     );
-    expect(container.querySelector('.rc-select-selection-placeholder')).toBeFalsy();
+    expect(container.querySelector('.rc-select-placeholder')).toBeFalsy();
     expect(container.querySelector('.rc-select-selection-item').textContent).toBe('light');
     toggleOpen(container);
     expect(container.querySelector('.rc-select-selection-item').textContent).toBe('light');
@@ -35,11 +35,9 @@ describe('Select placeholder', () => {
     const { container } = render(
       <Select showSearch searchValue="search" open={false} placeholder="placeholder" />,
     );
-    expect(container.querySelector('.rc-select-selection-placeholder')).toHaveStyle({
+    expect(container.querySelector('.rc-select-placeholder')).toHaveStyle({
       visibility: 'hidden',
     });
-    expect(container.querySelector('.rc-select-selection-placeholder').textContent).toBe(
-      'placeholder',
-    );
+    expect(container.querySelector('.rc-select-placeholder').textContent).toBe('placeholder');
   });
 });