fix unit tests

Author: dimaMachina

packages/graphiql/src/components/GraphiQL.tsx

@@ -538,7 +538,7 @@ export function GraphiQLInterface(props: GraphiQLInterfaceProps) {
                 onReorder={handleReorder}
                 aria-label="Select active operation"
               >
-                {editorContext.tabs.map((tab, index) => (
+                {editorContext.tabs.map((tab, index, tabs) => (
                   <Tab
                     key={tab.id}
                     value={tab}
@@ -556,14 +556,16 @@ export function GraphiQLInterface(props: GraphiQLInterfaceProps) {
                         {tab.title}
                       </Tab.Button>
                     </Tooltip>
-                    <Tab.Close
-                      onClick={() => {
-                        if (editorContext.activeTabIndex === index) {
-                          executionContext.stop();
-                        }
-                        editorContext.closeTab(index);
-                      }}
-                    />
+                    {tabs.length > 1 && (
+                      <Tab.Close
+                        onClick={() => {
+                          if (editorContext.activeTabIndex === index) {
+                            executionContext.stop();
+                          }
+                          editorContext.closeTab(index);
+                        }}
+                      />
+                    )}
                   </Tab>
                 ))}
               </Tabs>

packages/graphiql/src/components/__tests__/GraphiQL.spec.tsx

@@ -410,13 +410,13 @@ describe('GraphiQL', () => {
   });
 
   describe('Tabs', () => {
-    it('show tabs if there are more than one', async () => {
+    it('show tabs', async () => {
       const { container } = render(<GraphiQL fetcher={noOpFetcher} />);
 
       await waitFor(() => {
         expect(
           container.querySelectorAll('.graphiql-tabs .graphiql-tab'),
-        ).toHaveLength(0);
+        ).toHaveLength(1);
       });
 
       act(() => {
@@ -492,7 +492,7 @@ describe('GraphiQL', () => {
       await waitFor(() => {
         expect(
           container.querySelectorAll('.graphiql-tabs .graphiql-tab'),
-        ).toHaveLength(0);
+        ).toHaveLength(1);
         expect(
           container.querySelectorAll('.graphiql-tab .graphiql-tab-close'),
         ).toHaveLength(0);