Saleor 4033 tests for plugins (#1317)

* tests for plugins * tests for plugins * add default country to create channel mutation * change data-test-ids * update snapshots
2021-09-10 11:03:42 +02:00 · 2021-09-10 11:03:42 +02:00 · 19e9b0ffc2
commit 19e9b0ffc2
parent e7a06281f1
11 changed files with 289 additions and 140 deletions
--- a/cypress/apiRequests/Customer.js
+++ b/cypress/apiRequests/Customer.js
@ -90,6 +90,20 @@ export function customerRegistration({
  return cy.sendRequestWithQuery(mutation).its("body.data.accountRegister");
 }

+export function requestPasswordReset(email, channel) {
+  const mutation = `mutation{
+    requestPasswordReset(channel:"${channel}" email:"${email}", redirectUrl:"${
+    Cypress.config().baseUrl
+  }password-reset"){
+      errors{
+        field
+        message
+      }
+    }
+  }`;
+  return cy.sendRequestWithQuery(mutation);
+}
+
 export function confirmAccount(email, token) {
  const mutation = `mutation{
    confirmAccount(email:"${email}", token:"${token}"){
--- a/cypress/elements/plugins/pluginDetails.js
+++ b/cypress/elements/plugins/pluginDetails.js
@ -0,0 +1,5 @@
+export const PLUGINS_DETAILS = {
+  channel: '[data-test-id="channel"]',
+  accountConfirmationSubjectInput: '[name="account_confirmation_subject"]',
+  staffPasswordResetInput: '[name="staff_password_reset_subject"]'
+};
--- a/cypress/elements/plugins/pluginsList.js
+++ b/cypress/elements/plugins/pluginsList.js
@ -0,0 +1,3 @@
+export const PLUGINS_LIST = {
+  pluginRow: '[data-test-id="plugin"]'
+};
--- a/cypress/integration/plugins.js
+++ b/cypress/integration/plugins.js
@ -0,0 +1,80 @@
+import faker from "faker";
+
+import { createChannel } from "../apiRequests/Channels";
+import {
+  customerRegistration,
+  deleteCustomersStartsWith,
+  requestPasswordReset
+} from "../apiRequests/Customer";
+import { PLUGINS_DETAILS } from "../elements/plugins/pluginDetails";
+import { PLUGINS_LIST } from "../elements/plugins/pluginsList";
+import { BUTTON_SELECTORS } from "../elements/shared/button-selectors";
+import { confirmationMessageShouldDisappear } from "../steps/shared/confirmationMessages";
+import filterTests from "../support/filterTests";
+import { urlList } from "../url/urlList";
+import { getDefaultChannel } from "../utils/channelsUtils";
+import { getMailsForUser } from "../utils/users";
+
+filterTests(["stagedOnly"], () => {
+  describe("Plugins", () => {
+    const startsWith = "Plugins";
+    const randomName = `${startsWith}${faker.datatype.number()}`;
+    let defaultChannel;
+
+    before(() => {
+      cy.clearSessionData().loginUserViaRequest();
+      deleteCustomersStartsWith(startsWith);
+      createChannel({ name: randomName });
+      getDefaultChannel().then(channel => (defaultChannel = channel));
+    });
+
+    beforeEach(() => {
+      cy.clearSessionData()
+        .loginUserViaRequest()
+        .visit(urlList.plugins)
+        .softExpectSkeletonIsVisible();
+    });
+
+    it("should change user email", () => {
+      const customerEmail = `${randomName}@example.com`;
+      cy.contains(PLUGINS_LIST.pluginRow, "User emails").click();
+      cy.contains(PLUGINS_DETAILS.channel, defaultChannel.name)
+        .click()
+        .get(PLUGINS_DETAILS.accountConfirmationSubjectInput)
+        .clearAndType(randomName)
+        .get(BUTTON_SELECTORS.confirm)
+        .click();
+      confirmationMessageShouldDisappear();
+      customerRegistration({
+        email: customerEmail,
+        channel: defaultChannel.slug
+      })
+        .then(() => {
+          getMailsForUser(customerEmail);
+        })
+        .then(mails => {
+          expect(mails[0].Content.Headers.Subject[0]).to.eq(randomName);
+        });
+    });
+
+    it("should change admin email plugin", () => {
+      const customerEmail = `${randomName}@example.com`;
+      cy.contains(PLUGINS_LIST.pluginRow, "Admin emails")
+        .click()
+        .get(PLUGINS_DETAILS.staffPasswordResetInput)
+        .click()
+        .clear()
+        .clearAndType(randomName)
+        .get(BUTTON_SELECTORS.confirm)
+        .click();
+      confirmationMessageShouldDisappear();
+      requestPasswordReset(Cypress.env("USER_NAME"), defaultChannel.slug)
+        .then(() => {
+          getMailsForUser(customerEmail);
+        })
+        .then(mails => {
+          expect(mails[0].Content.Headers.Subject[0]).to.eq(randomName);
+        });
+    });
+  });
+});
--- a/cypress/url/urlList.js
+++ b/cypress/url/urlList.js
@ -17,6 +17,7 @@ export const urlList = {
  pages: "pages/",
  pageTypes: "page-types/",
  permissionsGroups: "permission-groups/",
+  plugins: "plugins/",
  products: "products/",
  productTypes: "product-types/",
  sales: "discounts/sales/",
--- a/cypress/utils/users.js
+++ b/cypress/utils/users.js
@ -43,3 +43,17 @@ export function getMailActivationLinkForUser(email, i = 0) {
    }
  });
 }
+
+export function getMailsForUser(email, i = 0) {
+  if (i > 3) {
+    throw new Error(`There is no email invitation for user ${email}`);
+  }
+  return cy.mhGetMailsByRecipient(email).should(mails => {
+    if (!mails.length) {
+      cy.wait(10000);
+      getEmailForUser(email, i + 1);
+    } else {
+      return mails[0].Content.Headers.Subject[0];
+    }
+  });
+}
--- a/package-lock.json
+++ b/package-lock.json
@ -1677,85 +1677,6 @@
        "minimist": "^1.2.0"
      }
    },
-    "@cypress/listr-verbose-renderer": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@cypress/listr-verbose-renderer/-/listr-verbose-renderer-0.4.1.tgz",
-      "integrity": "sha1-p3SS9LEdzHxEajSz4ochr9M8ZCo=",
-      "dev": true,
-      "requires": {
-        "chalk": "^1.1.3",
-        "cli-cursor": "^1.0.2",
-        "date-fns": "^1.27.2",
-        "figures": "^1.7.0"
-      },
-      "dependencies": {
-        "ansi-regex": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-          "dev": true
-        },
-        "ansi-styles": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
-          "dev": true
-        },
-        "chalk": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
-          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^2.2.1",
-            "escape-string-regexp": "^1.0.2",
-            "has-ansi": "^2.0.0",
-            "strip-ansi": "^3.0.0",
-            "supports-color": "^2.0.0"
-          }
-        },
-        "cli-cursor": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
-          "integrity": "sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc=",
-          "dev": true,
-          "requires": {
-            "restore-cursor": "^1.0.1"
-          }
-        },
-        "onetime": {
-          "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
-          "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
-          "dev": true
-        },
-        "restore-cursor": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-1.0.1.tgz",
-          "integrity": "sha1-NGYfRohjJ/7SmRR5FSJS35LapUE=",
-          "dev": true,
-          "requires": {
-            "exit-hook": "^1.0.0",
-            "onetime": "^1.0.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^2.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
-          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
-          "dev": true
-        }
-      }
-    },
    "@cypress/request": {
      "version": "2.88.5",
      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.5.tgz",
@ -6802,9 +6723,9 @@
      "dev": true
    },
    "@types/sinonjs__fake-timers": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-6.0.2.tgz",
-      "integrity": "sha512-dIPoZ3g5gcx9zZEszaxLSVTvMReD3xxyyDnQUjA6IYDG9Ba2AV0otMPs+77sG9ojB4Qr2N2Vk5RnKeuA0X/0bg==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-6.0.3.tgz",
+      "integrity": "sha512-E1dU4fzC9wN2QK2Cr1MLCfyHM8BoNnRFvuf45LYMPNDA+WqbNzC45S4UzPxvp1fFJ1rvSGU0bPvdd35VLmXG8g==",
      "dev": true
    },
    "@types/sizzle": {
@ -6961,6 +6882,16 @@
      "integrity": "sha512-37RSHht+gzzgYeobbG+KWryeAW8J33Nhr69cjTqSYymXVZEN9NbRYWoYlRtDhHKPVT1FyNKwaTPC1NynKZpzRA==",
      "dev": true
    },
+    "@types/yauzl": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
+      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
    "@types/zen-observable": {
      "version": "0.8.2",
      "resolved": "https://registry.npmjs.org/@types/zen-observable/-/zen-observable-0.8.2.tgz",
@ -8384,9 +8315,9 @@
      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg=="
    },
    "async": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.0.tgz",
-      "integrity": "sha512-TR2mEZFVOj2pLStYxLht7TyfuRzaydfpxr3k9RpHIzMgw7A64dzsdqCxH1WJyQdoe8T10nDXd9wnEigmiuHIZw==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.1.tgz",
+      "integrity": "sha512-XdD5lRO/87udXCMC9meWdYiR+Nq6ZjUfXidViUZGu2F1MO4T3XwZ1et0hb2++BgLfhyJwy44BGB/yx80ABx8hg==",
      "dev": true
    },
    "async-each": {
@ -12122,12 +12053,11 @@
      "dev": true
    },
    "cypress": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-7.2.0.tgz",
-      "integrity": "sha512-lHHGay+YsffDn4M0bkkwezylBVHUpwwhtqte4LNPrFRCHy77X38+1PUe3neFb3glVTM+rbILtTN6FhO2djcOuQ==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-8.3.0.tgz",
+      "integrity": "sha512-zA5Rcq8AZIfRfPXU0CCcauofF+YpaU9HYbfqkunFTmFV0Kdlo14tNjH2E3++MkjXKFnv3/pXq+HgxWtw8CSe8Q==",
      "dev": true,
      "requires": {
-        "@cypress/listr-verbose-renderer": "^0.4.1",
        "@cypress/request": "^2.88.5",
        "@cypress/xvfb": "^1.2.4",
        "@types/node": "^14.14.31",
@ -12139,21 +12069,24 @@
        "cachedir": "^2.3.0",
        "chalk": "^4.1.0",
        "check-more-types": "^2.24.0",
+        "cli-cursor": "^3.1.0",
        "cli-table3": "~0.6.0",
        "commander": "^5.1.0",
        "common-tags": "^1.8.0",
        "dayjs": "^1.10.4",
-        "debug": "4.3.2",
+        "debug": "^4.3.2",
+        "enquirer": "^2.3.6",
        "eventemitter2": "^6.4.3",
        "execa": "4.1.0",
        "executable": "^4.1.1",
-        "extract-zip": "^1.7.0",
+        "extract-zip": "2.0.1",
+        "figures": "^3.2.0",
        "fs-extra": "^9.1.0",
        "getos": "^3.2.1",
        "is-ci": "^3.0.0",
        "is-installed-globally": "~0.4.0",
        "lazy-ass": "^1.6.0",
-        "listr": "^0.14.3",
+        "listr2": "^3.8.3",
        "lodash": "^4.17.21",
        "log-symbols": "^4.0.0",
        "minimist": "^1.2.5",
@ -12168,10 +12101,16 @@
        "yauzl": "^2.10.0"
      },
      "dependencies": {
+        "astral-regex": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+          "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+          "dev": true
+        },
        "chalk": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
          "dev": true,
          "requires": {
            "ansi-styles": "^4.1.0",
@ -12190,11 +12129,20 @@
          }
        },
        "ci-info": {
-          "version": "3.1.1",
-          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.1.1.tgz",
-          "integrity": "sha512-kdRWLBIJwdsYJWYJFtAFFYxybguqeF91qpZaggjG5Nf8QKdizFG2hjqvaTXbxFIcYbSaD74KpAXv6BSm17DHEQ==",
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.2.0.tgz",
+          "integrity": "sha512-dVqRX7fLUm8J6FgHJ418XuIgDLZDkYcDFTeL6TA2gt5WlIZUQrrH6EZrNClwT/H0FateUsZkGIOPRrLbP+PR9A==",
          "dev": true
        },
+        "cli-cursor": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+          "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+          "dev": true,
+          "requires": {
+            "restore-cursor": "^3.1.0"
+          }
+        },
        "cli-table3": {
          "version": "0.6.0",
          "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.0.tgz",
@ -12206,6 +12154,16 @@
            "string-width": "^4.2.0"
          }
        },
+        "cli-truncate": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+          "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+          "dev": true,
+          "requires": {
+            "slice-ansi": "^3.0.0",
+            "string-width": "^4.2.0"
+          }
+        },
        "commander": {
          "version": "5.1.0",
          "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
@ -12221,6 +12179,15 @@
            "ms": "2.1.2"
          }
        },
+        "figures": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+          "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+          "dev": true,
+          "requires": {
+            "escape-string-regexp": "^1.0.5"
+          }
+        },
        "fs-extra": {
          "version": "9.1.0",
          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@ -12258,6 +12225,21 @@
            "universalify": "^2.0.0"
          }
        },
+        "listr2": {
+          "version": "3.11.0",
+          "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.11.0.tgz",
+          "integrity": "sha512-XLJVe2JgXCyQTa3FbSv11lkKExYmEyA4jltVo8z4FX10Vt1Yj8IMekBfwim0BSOM9uj1QMTJvDQQpHyuPbB/dQ==",
+          "dev": true,
+          "requires": {
+            "cli-truncate": "^2.1.0",
+            "colorette": "^1.2.2",
+            "log-update": "^4.0.0",
+            "p-map": "^4.0.0",
+            "rxjs": "^6.6.7",
+            "through": "^2.3.8",
+            "wrap-ansi": "^7.0.0"
+          }
+        },
        "log-symbols": {
          "version": "4.1.0",
          "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@ -12268,6 +12250,81 @@
            "is-unicode-supported": "^0.1.0"
          }
        },
+        "log-update": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+          "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+          "dev": true,
+          "requires": {
+            "ansi-escapes": "^4.3.0",
+            "cli-cursor": "^3.1.0",
+            "slice-ansi": "^4.0.0",
+            "wrap-ansi": "^6.2.0"
+          },
+          "dependencies": {
+            "slice-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+              "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^4.0.0",
+                "astral-regex": "^2.0.0",
+                "is-fullwidth-code-point": "^3.0.0"
+              }
+            },
+            "wrap-ansi": {
+              "version": "6.2.0",
+              "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+              "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+              }
+            }
+          }
+        },
+        "p-map": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+          "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+          "dev": true,
+          "requires": {
+            "aggregate-error": "^3.0.0"
+          }
+        },
+        "restore-cursor": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+          "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+          "dev": true,
+          "requires": {
+            "onetime": "^5.1.0",
+            "signal-exit": "^3.0.2"
+          }
+        },
+        "slice-ansi": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+          "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "astral-regex": "^2.0.0",
+            "is-fullwidth-code-point": "^3.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.0"
+          }
+        },
        "supports-color": {
          "version": "8.1.1",
          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@ -12350,9 +12407,9 @@
      "integrity": "sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw=="
    },
    "dayjs": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.4.tgz",
-      "integrity": "sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw==",
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.6.tgz",
+      "integrity": "sha512-AztC/IOW4L1Q41A86phW5Thhcrco3xuAA+YX/BLpLWWjRcTj5TOt/QImBLmCKlrF7u7k47arTnOyL6GnbG8Hvw==",
      "dev": true
    },
    "debounce": {
@ -14304,12 +14361,6 @@
      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
      "dev": true
    },
-    "exit-hook": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-1.1.1.tgz",
-      "integrity": "sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g=",
-      "dev": true
-    },
    "exit-on-epipe": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/exit-on-epipe/-/exit-on-epipe-1.0.1.tgz",
@ -14657,32 +14708,15 @@
      "integrity": "sha512-AEo4zm+TenK7zQorGK1f9mJ8L14hnTDi2ZQPR+Mub1NX8zimka1mXpV5LpH8x9HoUmFSHZCfLHqWvp0Y4FxxzQ=="
    },
    "extract-zip": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
      "dev": true,
      "requires": {
-        "concat-stream": "^1.6.2",
-        "debug": "^2.6.9",
-        "mkdirp": "^0.5.4",
+        "@types/yauzl": "^2.9.1",
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
        "yauzl": "^2.10.0"
-      },
-      "dependencies": {
-        "debug": {
-          "version": "2.6.9",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-          "dev": true,
-          "requires": {
-            "ms": "2.0.0"
-          }
-        },
-        "ms": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-          "dev": true
-        }
      }
    },
    "extsprintf": {
@ -21308,15 +21342,6 @@
        }
      }
    },
-    "mkdirp": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
-      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5"
-      }
-    },
    "mock-apollo-client": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/mock-apollo-client/-/mock-apollo-client-0.4.0.tgz",
--- a/package.json
+++ b/package.json
@ -141,7 +141,7 @@
    "codecov": "^3.7.1",
    "core-js": "^3.7.0",
    "cross-env": "^6.0.3",
-    "cypress": "^7.2.0",
+    "cypress": "^8.3.0",
    "cypress-file-upload": "^5.0.8",
    "enzyme": "^3.11.0",
    "enzyme-adapter-react-16": "^1.15.5",
--- a/src/plugins/components/PluginDetailsChannelsCard/PluginDetailsChannelsCardContent.tsx
+++ b/src/plugins/components/PluginDetailsChannelsCard/PluginDetailsChannelsCardContent.tsx
@ -65,6 +65,7 @@ const PluginDetailsChannelsCardContent: React.FC<PluginDetailsChannelsCardProps>
        collection={plugin.channelConfigurations}
        renderItem={({ channel }) => (
          <div
+            data-test-id="channel"
            className={classes.itemContainer}
            key={channel.id}
            onClick={() => setSelectedChannelId(channel.id)}
--- a/src/plugins/components/PluginsList/PluginsList.tsx
+++ b/src/plugins/components/PluginsList/PluginsList.tsx
@ -72,6 +72,7 @@ const PluginList: React.FC<PluginListProps> = props => {
          plugin =>
            plugin ? (
              <TableRow
+                data-test-id="plugin"
                hover={!!plugin}
                className={!!plugin ? classes.link : undefined}
                onClick={plugin ? onRowClick(plugin.id) : undefined}
--- a/src/storybook/snapshots/Stories.test.ts.snap
+++ b/src/storybook/snapshots/Stories.test.ts.snap
@ -172789,6 +172789,7 @@ exports[`Storyshots Views / Plugins / Plugin details default 1`] = `
            />
            <div
              class="PluginDetailsChannelsCardContent-itemContainer-id"
+              data-test-id="channel"
            >
              <div
                class="MuiCardContent-root-id"
@ -172956,6 +172957,7 @@ exports[`Storyshots Views / Plugins / Plugin details form errors 1`] = `
            />
            <div
              class="PluginDetailsChannelsCardContent-itemContainer-id"
+              data-test-id="channel"
            >
              <div
                class="MuiCardContent-root-id"
@ -173280,6 +173282,7 @@ exports[`Storyshots Views / Plugins / Plugin details not configurable 1`] = `
            />
            <div
              class="PluginDetailsChannelsCardContent-itemContainer-id"
+              data-test-id="channel"
            >
              <div
                class="MuiCardContent-root-id"
@ -173704,6 +173707,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
          >
            <tr
              class="MuiTableRow-root-id PluginsList-link-id MuiTableRow-hover-id"
+              data-test-id="plugin"
            >
              <td
                class="MuiTableCell-root-id MuiTableCell-body-id"
@ -173765,6 +173769,7 @@ exports[`Storyshots Views / Plugins / Plugin list default 1`] = `
            </tr>
            <tr
              class="MuiTableRow-root-id PluginsList-link-id MuiTableRow-hover-id"
+              data-test-id="plugin"
            >
              <td
                class="MuiTableCell-root-id MuiTableCell-body-id"