Task 108911: Upgrade cypress 10 & add test tags

Cypress grep:
- Cypress 10.0^ dependency
- Grep Module import to /plugins/index.js & /support/e2e.js
- Tags in use: @dev,@ stage, @integration
- For more recipes: https://github.com/cypress-io/cypress-grep

Cypress upgrade:
- Cypress package version: 10.9.0
- Folder where tests live is renamed: from 'integration', to 'e2e'
- Test files renamed: from '.spec.js', now '.cy.js'
- Support files renamed from: /support/index.js, now support/e2e.js
- Cypress config files changed: from cypress.json, now cypress.config.ts
- Latest changes: https://docs.cypress.io/guides/references/changelog

Cypress 10.9.0 known issues:
- Unable to run all tests at once via Cypress GUI: cypress-io/cypress#21628
- Error Log each time tests run in terminal: cypress-io/cypress#22273

README:
- grep run command
- grep recipes

Files removed:
- test examples
- Unnecessary

Author: Lisa-V-Sau

README.md

@@ -103,6 +103,23 @@ To execute the tests and push the results to the cypress dashboard:
 npm run cypress:run -- --record --key 'KEY' url="BASE_URL_OF_APP",authorizationHeader="secret"
 ```
 
+To execute tests with grep tags on dev:
+
+```
+$ npm run cy:run -- --env grepTags=@dev,grepTags=@stage,url="BASE_URL_OF_APP",authorizationHeader="<SECRET HERE>"
+```
+
+To execute tests with grep tags on stage:
+
+```
+$ npm run cy:run -- --env grepTags=@stage,url="BASE_URL_OF_APP",authorizationHeader="<SECRET HERE>"
+```
+
+To only execute all.cy.js file which has all import test files
+```
+$ npm run cy:run -- --spec "cypress/e2e/all.cy.js", --env grepTags=@stage,url="BASE_URL_OF_APP",authorizationHeader="<SECRET HERE>"
+```
+
 We append a wildcard (\*\*) to the URL argument (see `cypress.json`), so it must have a trailing slash (e.g., `url="https://localhost:5001/"`).
 
 ### Useful tips
@@ -142,3 +159,18 @@ See support/index.js for the cy.intercept command.
 
 
 Further details about Cypress can be found here: https://docs.cypress.io/api/table-of-contents
+
+To run tests with multiple tags in a list:
+
+```
+i.e., greTags=@dev+@stage 
+```
+
+To run tests including multiple tags independently targeting individual tags:
+
+```
+i.e., grepTags=@dev,grepTags=@stage
+```
+
+Further details on using cypress-grep test tagging: https://github.com/cypress-io/cypress-grep 
+cypress 10.9.0 Latest changes: https://docs.cypress.io/guides/references/changelog 

end-to-end-tests/cypress.config.js

@@ -0,0 +1,30 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  projectId: "jd9h7w",
+  video: false,
+
+  env: {
+    db: {
+      userName: "",
+      password: "",
+      server: "",
+      options: {
+        database: "",
+        encrypt: true,
+        rowCollectionOnRequestCompletion: true,
+      },
+    },
+  },
+
+  tenantId: "fad277c9-c60a-4da1-b5f3-b3b8b34a82f9",
+  clientId: "8b708989-014c-451c-a564-b2bed382f61f",
+  modifyObstructiveCode: true,
+  chromeWebSecurity: false,
+
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

end-to-end-tests/cypress.json

@@ -20,7 +20,7 @@ function clickBackLink() {
 }
 
 
-describe("Locate project and check against Key Stage 2 table", () => {
+describe("Locate project and check against Key Stage 2 table", { tags: '@skip'}, () => {
     afterEach(() => {
         cy.storeSessionData()
     });

end-to-end-tests/cypress/integration/End2EndTests/project-runthrough-ks2.js renamed to end-to-end-tests/cypress/e2e/End2EndTests/project-runthrough-ks2.cy.js

@@ -26,7 +26,7 @@ function clickBackLink() {
         .click();
 }
 
-describe("Creating and editing an academy transfer", function () {
+describe("Creating and editing an academy transfer", { tags: '@dev'}, function () {
 
     afterEach(() => {
         cy.storeSessionData();

end-to-end-tests/cypress/integration/End2EndTests/project-runthrough.spec.js renamed to end-to-end-tests/cypress/e2e/End2EndTests/project-runthrough.cy.js

@@ -19,7 +19,7 @@ let selectAllCheckboxesUptoIndex = (index) => {
     });
 }
 
-describe("Performance test for preview and download template with multiple academies", function () {
+describe("Performance test for preview and download template with multiple academies", { tags: '@dev'}, function () {
     let startTimeStamp;
     let endTimeStamp;
     let timeTaken;

end-to-end-tests/cypress/integration/Performance/preview and download template.js renamed to end-to-end-tests/cypress/e2e/Performance/preview and download template.cy.js

@@ -1,7 +1,7 @@
 /*
     This was an attempt to try and create some tests or methods that can coneect 
 */
-describe('Example to Demonstrate SQL Database Testing in Cypress', () => {
+describe('Example to Demonstrate SQL Database Testing in Cypress', { tags: '@spike'}, () => {
 
     it.skip('TEST CONNECTION with Pre-Prod', function () {
         cy.sqlServer("SELECT TOP (2) * FROM [cdm].[contact]").then((result) => {

end-to-end-tests/cypress/integration/SQLTests/DatabaseTests.js renamed to end-to-end-tests/cypress/e2e/SQLTests/DatabaseTests.cy.js

@@ -0,0 +1,28 @@
+/// <reference types ='Cypress'/>
+// Run all tests NOTE: this is a work around as cypress 10.0 GUI does not allow to run all tests
+
+// Benefits-and-risks
+import '../e2e/benefits-and-risks/equalities-impact-assessment.cy'
+
+// End2EndTests
+import '../e2e/End2EndTests/project-runthrough-ks2.cy'
+import '../e2e/End2EndTests/project-runthrough.cy'
+
+// Error-messages
+import '../e2e/error-messages/advisory-board-date.cy'
+import '../e2e/error-messages/target-date.cy'
+
+// Landing-page
+import '../e2e/landing-page/landing-page.cy'
+
+// Multiple-academies
+import '../e2e/multiple-academies/select-multiple-academies.cy'
+
+// Performance
+import '../e2e/Performance/preview and download template.cy'
+
+// SQLTests
+import '../e2e/SQLTests/DatabaseTests.cy'
+
+// Trusts-transfers
+import '../e2e/trust-transfers/search-incoming-trust.cy'

end-to-end-tests/cypress/e2e/all.cy.js

@@ -1,6 +1,6 @@
 /// <reference types ='Cypress'/>
 
-describe('Tests to check equalities impact assessment form', () => {
+describe('Tests to check equalities impact assessment form',{ tags: '@dev'}, () => {
     afterEach(() => {
         cy.storeSessionData();
     });

end-to-end-tests/cypress/integration/benefits-and-risks/equalities-impact-assessment.js renamed to end-to-end-tests/cypress/e2e/benefits-and-risks/equalities-impact-assessment.cy.js

@@ -1,4 +1,4 @@
-describe('Tests to check advisory board date error messages', () => {
+describe('Tests to check advisory board date error messages', { tags: '@dev'}, () => {
     afterEach(() => {
         cy.storeSessionData();
     });

end-to-end-tests/cypress/integration/error-messages/advisory-board-date.js renamed to end-to-end-tests/cypress/e2e/error-messages/advisory-board-date.cy.js

@@ -1,4 +1,4 @@
-describe('Tests to check target date error messages', () => {
+describe('Tests to check target date error messages', { tags: '@dev'}, () => {
     afterEach(() => {
         cy.storeSessionData();
     });

end-to-end-tests/cypress/integration/error-messages/target-date.js renamed to end-to-end-tests/cypress/e2e/error-messages/target-date.cy.js

@@ -2,7 +2,7 @@
 
 const url = Cypress.env('url') + 'project-type'
 
-describe('Landing Page',() => {
+describe('Landing Page', { tags: '@dev'}, () => {
     beforeEach(() => {
         cy.visit(url)
     })

end-to-end-tests/cypress/integration/landing-page/landing-page.js renamed to end-to-end-tests/cypress/e2e/landing-page/landing-page.cy.js

@@ -1,7 +1,7 @@
 let outgoingTrustId = '10059580';
 let incomingTrustId = '10060470';
 
-describe('Select multiple academies', () => {
+describe('Select multiple academies', { tags: '@dev'},  () => {
     afterEach(() => {
         cy.storeSessionData();
     });

end-to-end-tests/cypress/integration/multiple-academies/select-multiple-academies.js renamed to end-to-end-tests/cypress/e2e/multiple-academies/select-multiple-academies.cy.js

@@ -1,6 +1,6 @@
 let trustId = '10060470';
 
-describe('Tests to check search incoming trust error message', () => {
+describe('Tests to check search incoming trust error message', { tags: '@dev'}, () => {
     afterEach(() => {
         cy.storeSessionData();
     });

end-to-end-tests/cypress/integration/trust-transfers/search-incoming-trust.js renamed to end-to-end-tests/cypress/e2e/trust-transfers/search-incoming-trust.cy.js

@@ -34,4 +34,21 @@ const sqlServer = require('cypress-sql-server');
 module.exports = (on, config) => {
   tasks = sqlServer.loadDBPlugin(config.env.db);
   on('task', tasks);
-}
+}
+
+// ***********************************************************
+
+//***Cypress Grep module for filtering tests Any new tags should be added to the examples**
+/**
+ * @example {{tags: '@dev'} : Development
+ * @example {tags: '@stage'} : Staging
+ * @example {tags: '@integration'} : Integration
+ * @example {tags: ['@dev', '@stage']}
+ * @example {tags: '@spike'}
+ * @example {tags: '@skip'}
+ */
+ module.export = (on, config) => {
+  
+  require('cypress-grep/src/plugin')(config)
+}
+// ***********************************************************

end-to-end-tests/cypress/fixtures/example.json

@@ -111,4 +111,23 @@ Cypress.Commands.add('OutGoingSearch_Link_Back', () => cy.get(`${backLink}`))
 // PAGE: Set transfer dates
 // PAGE: Benefits and risks
 // PAGE: Rationale
-// PAGE: Trust information and project dates
+// PAGE: Trust information and project dates
+
+// Universal: Navigate to Transfer and pick the first project
+
+// Selects Transfers by default: universal
+Cypress.Commands.add('selectsTransferLandingPage', () => {
+    let url = Cypress.env('url');
+    cy.visit(url);
+    cy.get('[data-cy="select-projecttype-input-conversion"]').click();
+    cy.get('[data-cy="select-common-submitbutton"]').click();
+})
+
+// Selects the first project on the list: universal
+Cypress.Commands.add('selectsFirstProjectOnList', () => {
+    let url = Cypress.env('url');
+    cy.visit(url);
+    cy.get('[data-cy="select-projecttype-input-conversion"]').click();
+    cy.get('[data-cy="select-common-submitbutton"]').click();
+    cy.get('[id="school-name-0"]').click();
+})

end-to-end-tests/cypress/plugins/index.js

@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/e2e.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -30,4 +30,11 @@ beforeEach(() => {
         (req) => req.headers['Authorization'] = 'Bearer ' + Cypress.env('authorizationHeader'),
         (req) => req.headers['AuthorizationRole'] = 'transfers.create'
     )
-})
+})
+
+// ***********************************************************
+
+//Cypress Grep module for filtering tests
+require('cypress-grep')()
+
+// ***********************************************************