Merge pull request #1656 from mendix/test/WC-1316_add-language-selector-e2e

[WC-1316] Add language selector e2e test

Author: leonardomendix

package-lock.json

@@ -0,0 +1,27 @@
+describe("language-selector-web", () => {
+    const browserName = Cypress.browser.name;
+
+    beforeEach(() => {
+        cy.visit("/");
+    });
+
+    it("compares with a screenshot baseline and checks if all elements are rendered as expected", () => {
+        cy.wait(3000);
+        cy.get(".mx-name-languageSelector1").should("be.visible");
+        cy.compareSnapshot(`languageSelector-${browserName}`, 0.1);
+    });
+    it("compares with a screenshot baseline and checks if Arabic language is rendered as expected", () => {
+        cy.wait(3000);
+        cy.get(".current-language-text").click({ force: true });
+        cy.contains("Arabic").click();
+        cy.wait(1000);
+        cy.compareSnapshot(`languageSelectorArabic-${browserName}`, 0.1);
+    });
+    it("compares with a screenshot baseline and checks if Chinese language is rendered as expected", () => {
+        cy.wait(3000);
+        cy.get(".current-language-text").click({ force: true });
+        cy.contains("Chinese").click();
+        cy.wait(1000);
+        cy.compareSnapshot(`languageSelectorChinese-${browserName}`, 0.1);
+    });
+});

packages/pluggableWidgets/language-selector-web/cypress/cypress-visual-screenshots/baseline/LanguageSelector.spec-languageSelector-chrome.png

@@ -0,0 +1 @@
+import "../../../../../configs/e2e/cypress/support/command";

packages/pluggableWidgets/language-selector-web/cypress/cypress-visual-screenshots/baseline/LanguageSelector.spec-languageSelectorArabic-chrome.png

@@ -29,9 +29,9 @@
     "format": "pluggable-widgets-tools format",
     "lint": "eslint --config ../../../.eslintrc.js --ext .jsx,.js,.ts,.tsx src/",
     "test": "pluggable-widgets-tools test:unit:web",
-    "pretest:e2e": "echo \"Skipping language-selector-web e2e pretest\"",
-    "test:e2e": "echo \"Skipping language-selector-web e2e test\"",
-    "test:e2e:local": "npx cypress open --browser chrome --config-file ../../../configs/e2e/cypress/cypress.json",
+    "pretest:e2e": "npm run release && node ../../../scripts/test/updateAtlas.js --latest-atlas",
+    "test:e2e": "pluggable-widgets-tools test:e2e:web:cypress",
+    "test:e2e:local": "npx cypress open --browser chrome --e2e --config-file ../../../configs/e2e/cypress/cypress.config.js",
     "release": "pluggable-widgets-tools release:web",
     "release:marketplace": "node ../../../scripts/release/marketplaceRelease.js"
   },

packages/pluggableWidgets/language-selector-web/cypress/cypress-visual-screenshots/baseline/LanguageSelector.spec-languageSelectorChinese-chrome.png

@@ -63,9 +63,9 @@
     "big.js": "^6.0.2",
     "concurrently": "^6.0.0",
     "core-js": "^3.6.5",
-    "cypress": "10.4.0",
-    "cypress-image-diff-js": "1.21.0",
-    "cypress-terminal-report": "^4.1.2",
+    "cypress": "10.8.0",
+    "cypress-image-diff-js": "1.21.1",
+    "cypress-terminal-report": "4.1.2",
     "dotenv": "^8.2.0",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.1",