fix tab add tests

graphql · Mar 22, 2022 · 0e2683b · 0e2683b
1 parent 929d526
commit 0e2683b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -14,7 +14,8 @@
   "lint-staged": {
     "*.{js,ts,jsx,tsx}": [
       "eslint --fix",
-      "prettier --write"
+      "prettier --write",
+      "jest"
     ],
     "*.{md,html,json,css}": [
       "prettier --write"

diff --git a/packages/graphiql/src/components/__tests__/GraphiQL.spec.tsx b/packages/graphiql/src/components/__tests__/GraphiQL.spec.tsx
@@ -576,22 +576,22 @@ describe('GraphiQL', () => {
     it('open multiple tabs', () => {
       const { container } = render(<GraphiQL fetcher={noOpFetcher} tabs />);
       expect(container.querySelectorAll('.tabs .tab')).toHaveLength(1);
-      fireEvent.click(container.querySelector('.toolbar-button.tab-add'));
+      fireEvent.click(container.querySelector('.tab-add'));
       expect(container.querySelectorAll('.tabs .tab')).toHaveLength(2);
-      fireEvent.click(container.querySelector('.toolbar-button.tab-add'));
+      fireEvent.click(container.querySelector('.tab-add'));
       expect(container.querySelectorAll('.tabs .tab')).toHaveLength(3);
     });
     it('each tab has a close button when multiple tabs are open', () => {
       const { container } = render(<GraphiQL fetcher={noOpFetcher} tabs />);
       expect(container.querySelectorAll('.tab .close')).toHaveLength(0);
-      fireEvent.click(container.querySelector('.toolbar-button.tab-add'));
+      fireEvent.click(container.querySelector('.tab-add'));
       expect(container.querySelectorAll('.tab .close')).toHaveLength(2);
-      fireEvent.click(container.querySelector('.toolbar-button.tab-add'));
+      fireEvent.click(container.querySelector('.tab-add'));
       expect(container.querySelectorAll('.tab .close')).toHaveLength(3);
     });
     it('close button removes a tab', () => {
       const { container } = render(<GraphiQL fetcher={noOpFetcher} tabs />);
-      fireEvent.click(container.querySelector('.toolbar-button.tab-add'));
+      fireEvent.click(container.querySelector('.tab-add'));
       expect(container.querySelectorAll('.tab .close')).toHaveLength(2);
       fireEvent.click(container.querySelector('.tab .close'));
       expect(container.querySelectorAll('.tabs .tab')).toHaveLength(1);