Update tests for selectAll and selectNone

Author: rvsia

packages/common/src/tests/select/select.test.js

@@ -344,11 +344,31 @@ describe('Select test', () => {
       wrapper.update();
 
       expect(state.value).toEqual([
+        { label: 'Select all', selectAll: true },
         { label: 'Dogs', value: 'd' },
         { label: 'Cats', value: 'c' },
         { label: 'Hamsters', value: 'h' }
       ]);
       expect(inputValue).toEqual(['d', 'c', 'h']);
+
+      // remove hamsters
+      await act(async () => {
+        wrapper
+          .find('#onChange')
+          .props()
+          .onClick([
+            { label: 'Select all', selectAll: true },
+            { label: 'Dogs', value: 'd' },
+            { label: 'Cats', value: 'c' }
+          ]);
+      });
+      wrapper.update();
+
+      expect(state.value).toEqual([
+        { label: 'Dogs', value: 'd' },
+        { label: 'Cats', value: 'c' }
+      ]);
+      expect(inputValue).toEqual(['d', 'c']);
     });
 
     it('selects none', async () => {
@@ -380,8 +400,86 @@ describe('Select test', () => {
       });
       wrapper.update();
 
-      expect(state.value).toEqual([]);
+      expect(state.value).toEqual([{ label: 'Select none', selectNone: true }]);
       expect(inputValue).toEqual('');
+
+      // adds one
+      await act(async () => {
+        wrapper
+          .find('#onChange')
+          .props()
+          .onClick([
+            { label: 'Select none', selectNone: true },
+            { label: 'Dogs', value: 'd' }
+          ]);
+      });
+      wrapper.update();
+
+      expect(state.value).toEqual([{ label: 'Dogs', value: 'd' }]);
+      expect(inputValue).toEqual(['d']);
+    });
+
+    it('with select all and select none at that same time', async () => {
+      field = {
+        ...field,
+        isMulti: true,
+        options: [
+          { label: 'Select all', selectAll: true, value: 'select-all' },
+          { label: 'Select none', selectNone: true, value: 'select-none' },
+          ...field.options
+        ]
+      };
+
+      await act(async () => {
+        wrapper = mount(
+          <FormRenderer
+            {...rendererProps}
+            schema={{
+              fields: [
+                {
+                  ...field,
+                  component: componentTypes.SELECT,
+                  name: 'select'
+                }
+              ]
+            }}
+          />
+        );
+      });
+      wrapper.update();
+
+      await act(async () => {
+        wrapper
+          .find('#onChange')
+          .props()
+          .onClick([{ label: 'Select all', selectAll: true, value: 'select-all' }]);
+      });
+      wrapper.update();
+
+      expect(state.value).toEqual([
+        { label: 'Select all', selectAll: true, value: 'select-all' },
+        { label: 'Dogs', value: 'd' },
+        { label: 'Cats', value: 'c' },
+        { label: 'Hamsters', value: 'h' }
+      ]);
+      expect(inputValue).toEqual(['d', 'c', 'h']);
+
+      await act(async () => {
+        wrapper
+          .find('#onChange')
+          .props()
+          .onClick([
+            { label: 'Select all', selectAll: true },
+            { label: 'Dogs', value: 'd' },
+            { label: 'Cats', value: 'c' },
+            { label: 'Hamsters', value: 'h' },
+            { label: 'Select none', selectNone: true, value: 'select-none' }
+          ]);
+      });
+      wrapper.update();
+
+      expect(state.value).toEqual([{ label: 'Select none', selectNone: true, value: 'select-none' }]);
+      expect(inputValue).toEqual([]);
     });
   });