Merge pull request #172 from 10up/fix/166

Cypress integration migrated to 11+

.gitignore

@@ -37,4 +37,5 @@ Desktop.ini
 # Cypress
 tests/cypress/screenshots
 tests/cypress/videos
+tests/cypress/downloads
 tests/cypress/reports

package.json

@@ -16,8 +16,8 @@
     "start": "wp-scripts start",
     "test:e2e": "wp-scripts test-e2e",
     "test:unit": "wp-scripts test-unit-js",
-    "cypress:open": "cypress open --config-file tests/cypress/config.json",
-    "cypress:run": "cypress run --config-file tests/cypress/config.json",
+    "cypress:open": "cypress open --config-file tests/cypress/config.config.js",
+    "cypress:run": "cypress run --config-file tests/cypress/config.config.js",
     "env": "wp-env",
     "env:start": "wp-env start",
     "env:stop": "wp-env stop",
@@ -36,7 +36,7 @@
     "@10up/cypress-wp-utils": "github:10up/cypress-wp-utils#build",
     "@wordpress/env": "^5.2.0",
     "@wordpress/scripts": "^23.0.0",
-    "cypress": "^9.5.4",
+    "cypress": "^11.2.0",
     "cypress-file-upload": "^5.0.8",
     "cypress-mochawesome-reporter": "^3.0.1"
   }

tests/cypress/config.config.js

@@ -0,0 +1,22 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+  fixturesFolder: __dirname+'/fixtures',
+  screenshotsFolder: __dirname+'/screenshots',
+  videosFolder: __dirname+'/videos',
+  downloadsFolder: __dirname+'/downloads',
+  video: false,
+  reporter: 'mochawesome',
+  reporterOptions: {
+	reportDir: __dirname+'/reports'
+  },
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require(__dirname+'/plugins/index.js')(on, config)
+    },
+    specPattern: __dirname+'/integration/*.test.js',
+    supportFile: __dirname+'/support/index.js',
+  },
+})

tests/cypress/integration/admin.test.js

@@ -1,8 +1,10 @@
-import {deactivatePlugin} from "@10up/cypress-wp-utils/lib/commands/deactivate-plugin";
-
 describe('Admin can login and make sure plugin is activated', () => {
+    before(() => {
+        cy.login();
+    });
+
     it('Can activate plugin if it is deactivated', () => {
-        cy.activatePlugin('simple-local-avatars');
         cy.deactivatePlugin('simple-local-avatars');
+        cy.activatePlugin('simple-local-avatars');
     });
 });

tests/cypress/integration/delete-avatar.test.js

@@ -11,7 +11,7 @@ describe('Check if admin can delete avatar', () => {
         cy.visit('/wp-admin/profile.php');
         cy.get('body').then($body => {
             if (0 !== $body.find('#simple-local-avatar-remove').length) {
-                cy.get('#simple-local-avatar-remove').click();
+                cy.get('#simple-local-avatar-remove').click({force: true});
             }
         });
 

tests/cypress/plugins/index.js

@@ -25,7 +25,7 @@ module.exports = async (on, config) => {
     const port = wpEnvConfig.env.tests.port || null;
 
     if (port) {
-      config.baseUrl = 'http://localhost:8889/';
+      config.baseUrl = wpEnvConfig.env.tests.config.WP_SITEURL;
     }
   }
 

tests/cypress/support/commands.js

@@ -24,6 +24,8 @@
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
 
+import 'cypress-file-upload';
+
 Cypress.Commands.add( 'visitAdminPage', ( page = 'index.php' ) => {
     cy.login();
     if ( page.includes( 'http' ) ) {