update cypress to v11.0.1

packages/graphiql/cypress.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:8080',
+  },
+  video: false,
+});

packages/graphiql/cypress/integration/docs.spec.ts → packages/graphiql/cypress/e2e/docs.cy.ts

@@ -1,17 +1,12 @@
 import { version } from 'graphql/version';
 
 describe('GraphiQL DocExplorer - button', () => {
-  before(() => {
-    cy.visit(`/`);
-  });
-  it('Toggles doc pane on', () => {
+  it('Toggles doc pane on/off', () => {
+    cy.visit('/');
     cy.get('.graphiql-sidebar button').eq(0).click();
     cy.get('.graphiql-doc-explorer').should('be.visible');
-  });
-
-  it('Toggles doc pane back off', () => {
     cy.get('.graphiql-sidebar button').eq(0).click();
-    cy.get('.graphiql-doc-explorer').should('not.be.visible');
+    cy.get('.graphiql-doc-explorer').should('not.exist');
   });
 });
 

packages/graphiql/cypress/plugins/index.ts

@@ -0,0 +1,3 @@
+export default (on, config) => {
+  return config;
+};

packages/graphiql/cypress/support/index.js → packages/graphiql/cypress/support/e2e.ts

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/e2e.ts is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -14,10 +14,4 @@
 // ***********************************************************
 /// <reference types="cypress" />
 
-// import '@cypress/code-coverage/support';
-
-// Import commands.js using ES2015 syntax:
-// import './commands';
-
-// Alternatively you can use CommonJS syntax:
-require('./commands');
+import './commands';

packages/graphiql/cypress/tsconfig.json

@@ -1,10 +1,8 @@
 {
   "compilerOptions": {
-    "rootDir": ".",
-    "typeRoots": ["./support"],
-    "lib": ["DOM", "ESNext"],
-    "types": ["cypress"],
-    "outDir": "dist"
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress", "node"]
   },
   "include": ["**/*.ts"]
 }

packages/graphiql/package.json

@@ -74,7 +74,7 @@
     "cross-env": "^7.0.2",
     "css-loader": "^3.5.1",
     "cssnano": "^4.1.10",
-    "cypress": "^4.7.0",
+    "cypress": "^12.0.2",
     "express": "^4.17.3",
     "express-graphql": "experimental-stream-defer",
     "fork-ts-checker-webpack-plugin": "4.1.3",

packages/graphiql/tsconfig.json

@@ -12,10 +12,7 @@
   "exclude": [
     "**/__tests__/**",
     "**/dist/**.*",
-    "**/*.spec.ts",
-    "**/*.spec.js",
-    "**/*-test.ts",
-    "**/*-test.js",
+    "cypress/**",
     "**/*.stories.js",
     "**/*.stories.ts",
     "**/*.stories.tsx"