test: cypress upgrade to version 13^

.eslintrc.json

@@ -56,6 +56,7 @@
     "library/postcss.config.js",
     "library/webpack.config.js",
     "library/tailwind.config.js",
+    "library/cypress.config.js",
     "playground/out",
     "playground/postcss.config.js",
     "web-component/lib",

library/cypress.config.js

@@ -0,0 +1,44 @@
+const { defineConfig } = require('cypress');
+const wp = require('@cypress/webpack-preprocessor');
+
+module.exports = defineConfig({
+  e2e: {
+    specPattern: 'e2e/integration/**/*.cy.{js,jsx,ts,tsx}',
+    supportFile: false,
+    fixturesFolder: false,
+    defaultCommandTimeout: 50000,
+
+    setupNodeEvents(on, config) {
+      const webpackOptions = {
+        resolve: {
+          extensions: ['.ts', '.js'],
+        },
+        performance: false,
+        module: {
+          rules: [
+            {
+              test: /\.ts$/,
+              exclude: [/node_modules/],
+              use: [
+                {
+                  loader: 'ts-loader',
+                  options: {
+                    configFile: 'e2e/tsconfig.json',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      };
+
+      on('file:preprocessor', wp({ webpackOptions }));
+
+      return config;
+    },
+    video: false,
+    viewportWidth: 1440,
+    viewportHeight: 720,
+    excludeSpecPattern: '*.js.map',
+  },
+});

library/e2e/integration/standalone.e2e.ts → library/e2e/integration/standalone.cy.ts

@@ -6,8 +6,8 @@ describe('Standalone bundle', () => {
 
   function testSuite(testName: string, site: string) {
     describe(testName, () => {
-      before(() => {
-        cy.visit(site);
+      beforeEach(() => {
+        cy.visit(`/${site}`);
       });
 
       it('Container should exist', () => {

library/e2e/sites/standalone-without-parser.html

@@ -41,6 +41,7 @@
             },
           },
         },
+        'x-parser-spec-parsed': true,
       };
       AsyncApiStandalone.render({ schema }, document.getElementById('spec'));
     </script>

library/package.json

@@ -84,21 +84,21 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@cypress/webpack-preprocessor": "^5.9.0",
+    "@cypress/webpack-preprocessor": "^7.0.2",
     "@tailwindcss/typography": "^0.4.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^15.0.4",
     "@testing-library/user-event": "^12.8.3",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^26.0.23",
     "@types/marked": "^4.0.1",
-    "@types/node": "^12.7.2",
+    "@types/node": "^18.0.0",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
     "autoprefixer": "^10.2.5",
     "cross-env": "^7.0.3",
     "cssnano": "^4.1.11",
-    "cypress": "^7.4.0",
+    "cypress": "^13.17.0",
     "jest": "^26.0.0",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "postcss": "^8.2.10",