Add some more tests for bulk selection

iterative · Jul 6, 2022 · 40c4f56 · 40c4f56
1 parent 0605411
commit 40c4f56
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/webview/src/experiments/components/App.test.tsx b/webview/src/experiments/components/App.test.tsx
@@ -843,6 +843,35 @@ describe('App', () => {
       expect(itemLabels).toContain('Star Experiments')
     })
 
+    it('should allow batch selection from the bottom up too', () => {
+      render(<App />)
+
+      fireEvent(
+        window,
+        new MessageEvent('message', {
+          data: {
+            data: {
+              ...tableDataFixture,
+              hasRunningExperiment: false
+            },
+            type: MessageToWebviewType.SET_DATA
+          }
+        })
+      )
+
+      const firstRowCheckbox = within(getRow('4fb124a')).getByRole('checkbox')
+      const tailRow = within(getRow('42b8736')).getByRole('checkbox')
+      fireEvent.click(tailRow)
+      fireEvent.click(firstRowCheckbox, { shiftKey: true })
+
+      const selectedRows = () => screen.getAllByRole('row', { selected: true })
+      expect(selectedRows()).toHaveLength(4)
+
+      const anotherRow = within(getRow('2173124')).getByRole('checkbox')
+      fireEvent.click(anotherRow, { shiftKey: true })
+      expect(selectedRows()).toHaveLength(5)
+    })
+
     it('should not include collapsed experiments in the bulk selection', () => {
       render(<App />)