chore: fix overlay tests

webpack · Aug 2, 2024 · 77b6523 · 77b6523
1 parent f1f47a5
commit 77b6523
Show file tree

Hide file tree

Showing 77 changed files with 85 additions and 585 deletions.
diff --git a/playwright.config.js b/playwright.config.js
@@ -10,7 +10,7 @@ module.exports = {
   testDir: "./test/e2e",
   snapshotPathTemplate: "./test/e2e/__snapshots__/{testFilePath}/{arg}{ext}",
   fullyParallel: false,
-  forbidOnly: !isCI,
+  forbidOnly: isCI,
   retries: isCI ? MAX_RETRIES : 0,
   expect: {
     toHaveScreenshot: {

diff --git a/...ay.test.js/overlay-should-not-show-a-warning-when-client-overlay-is-false-1.png b/...ay.test.js/overlay-should-not-show-a-warning-when-client-overlay-is-false-1.png
diff --git a/...s/overlay-should-not-show-a-warning-when-client-overlay-warnings-is-false-1.png b/...s/overlay-should-not-show-a-warning-when-client-overlay-warnings-is-false-1.png
diff --git a/...t.js/overlay-should-not-show-an-error-when-client-overlay-errors-is-false-1.png b/...t.js/overlay-should-not-show-an-error-when-client-overlay-errors-is-false-1.png
diff --git a/...lay.test.js/overlay-should-not-show-an-error-when-client-overlay-is-false-1.png b/...lay.test.js/overlay-should-not-show-an-error-when-client-overlay-is-false-1.png
diff --git a/...shots__/overlay.test.js/overlay-should-not-show-error-when-it-is-filtered-1.png b/...shots__/overlay.test.js/overlay-should-not-show-error-when-it-is-filtered-1.png
diff --git a/...hots__/overlay.test.js/overlay-should-not-show-filtered-promise-rejection-1.png b/...hots__/overlay.test.js/overlay-should-not-show-filtered-promise-rejection-1.png
diff --git a/...napshots__/overlay.test.js/overlay-should-not-show-filtered-runtime-error-1.png b/...napshots__/overlay.test.js/overlay-should-not-show-filtered-runtime-error-1.png
diff --git a/...-overlay-is-false-page-html-snap.webpack5 → ...-to-close-initial-page-html-snap.webpack5 b/...-overlay-is-false-page-html-snap.webpack5 → ...-to-close-initial-page-html-snap.webpack5
diff --git a/...mise-rejection-overlay-html-snap.webpack5 → ...allow-to-close-overlay-html-snap.webpack5 b/...mise-rejection-overlay-html-snap.webpack5 → ...allow-to-close-overlay-html-snap.webpack5
@@ -1 +1 @@
-"<body>\n  <div\n    id=\"webpack-dev-server-client-overlay-div\"\n    style=\"\n      position: fixed;\n      box-sizing: border-box;\n      inset: 0px;\n      width: 100vw;\n      height: 100vh;\n      font-size: large;\n      padding: 2rem 2rem 4rem;\n      line-height: 1.2;\n      white-space: pre-wrap;\n      overflow: auto;\n      background-color: rgba(0, 0, 0, 0.9);\n      color: white;\n    \"\n  >\n    <div\n      style=\"\n        color: rgb(232, 59, 70);\n        font-size: 2em;\n        white-space: pre-wrap;\n        font-family: sans-serif;\n        margin: 0px 2rem 2rem 0px;\n        flex: 0 0 auto;\n        max-height: 50%;\n        overflow: auto;\n      \"\n    >\n      Compiled with problems:\n    </div>\n    <button\n      aria-label=\"Dismiss\"\n      style=\"\n        color: rgb(255, 255, 255);\n        line-height: 1rem;\n        font-size: 1.5rem;\n        padding: 1rem;\n        cursor: pointer;\n        position: absolute;\n        right: 0px;\n        top: 0px;\n        background-color: transparent;\n        border: none;\n      \"\n    >\n      ×\n    </button>\n    <div>\n      <div\n        style=\"\n          background-color: rgba(206, 17, 38, 0.1);\n          color: rgb(252, 207, 207);\n          padding: 1rem 1rem 1.5rem;\n        \"\n      >\n        <div\n          data-can-open=\"true\"\n          style=\"\n            color: rgb(232, 59, 70);\n            font-size: 1.2em;\n            margin-bottom: 1rem;\n            font-family: sans-serif;\n            cursor: pointer;\n          \"\n        >\n          ERROR in ./foo.js 1:1\n        </div>\n        <div\n          style=\"\n            line-height: 1.5;\n            font-size: 1rem;\n            font-family: Menlo, Consolas, monospace;\n          \"\n        >\n          Module parse failed: Unterminated template (1:1) You may need an\n          appropriate loader to handle this file type, currently no loaders are\n          configured to process this file. See\n          https://webpack.js.org/concepts#loaders &gt; `;a |\n        </div>\n      </div>\n    </div>\n  </div>\n</body>\n"
+"<body>\n  <div\n    id=\"webpack-dev-server-client-overlay-div\"\n    style=\"\n      position: fixed;\n      box-sizing: border-box;\n      inset: 0px;\n      width: 100vw;\n      height: 100vh;\n      font-size: large;\n      padding: 2rem 2rem 4rem;\n      line-height: 1.2;\n      white-space: pre-wrap;\n      overflow: auto;\n      background-color: rgba(0, 0, 0, 0.9);\n      color: white;\n    \"\n  >\n    <div\n      style=\"\n        color: rgb(232, 59, 70);\n        font-size: 2em;\n        white-space: pre-wrap;\n        font-family: sans-serif;\n        margin: 0px 2rem 2rem 0px;\n        flex: 0 0 auto;\n        max-height: 50%;\n        overflow: auto;\n      \"\n    >\n      Compiled with problems:\n    </div>\n    <button\n      aria-label=\"Dismiss\"\n      style=\"\n        color: rgb(255, 255, 255);\n        line-height: 1rem;\n        font-size: 1.5rem;\n        padding: 1rem;\n        cursor: pointer;\n        position: absolute;\n        right: 0px;\n        top: 0px;\n        background-color: transparent;\n        border: none;\n      \"\n    >\n      ×\n    </button>\n    <div>\n      <div\n        style=\"\n          background-color: rgba(206, 17, 38, 0.1);\n          color: rgb(252, 207, 207);\n          padding: 1rem 1rem 1.5rem;\n        \"\n      >\n        <div\n          data-can-open=\"true\"\n          style=\"\n            color: rgb(232, 59, 70);\n            font-size: 1.2em;\n            margin-bottom: 1rem;\n            font-family: sans-serif;\n            cursor: pointer;\n          \"\n        >\n          ERROR in ./foo.js 1:1\n        </div>\n        <div\n          style=\"\n            line-height: 1.5;\n            font-size: 1rem;\n            font-family: Menlo, Consolas, monospace;\n          \"\n        >\n          Module parse failed: Unterminated template (1:1) You may need an\n          appropriate loader to handle this file type, currently no loaders are\n          configured to process this file. See\n          https://webpack.js.org/concepts#loaders &gt; `;\n        </div>\n      </div>\n    </div>\n  </div>\n</body>\n"
diff --git a/...fter-invalidation-page-html-snap.webpack5 → ...-close-page-html-with-error-snap.webpack5 b/...fter-invalidation-page-html-snap.webpack5 → ...-close-page-html-with-error-snap.webpack5
diff --git a/...-overlay-is-false-page-html-snap.webpack5 → ...ge-html-with-overlay-closed-snap.webpack5 b/...-overlay-is-false-page-html-snap.webpack5 → ...ge-html-with-overlay-closed-snap.webpack5
diff --git a/...-should-not-show-initially-then-show-on-an-error-then-hide-on-fix-page-html-snap.webpack5 b/...-should-not-show-initially-then-show-on-an-error-then-hide-on-fix-page-html-snap.webpack5
@@ -1 +1 @@
-"<body>\n  <h1>webpack-dev-server is running...</h1>\n  <script type=\"text/javascript\" charset=\"utf-8\" src=\"/main.js\"></script>\n</body>\n"
+"<body>\n  <h1>webpack-dev-server is running...</h1>\n  <script type=\"text/javascript\" charset=\"utf-8\" src=\"/main.js\"></script>\n\n  <iframe\n    id=\"webpack-dev-server-client-overlay\"\n    src=\"about:blank\"\n    style=\"\n      position: fixed;\n      inset: 0px;\n      width: 100vw;\n      height: 100vh;\n      border: none;\n      z-index: 2147483647;\n    \"\n  ></iframe>\n</body>\n"
diff --git a/...ally-then-show-on-an-error-then-show-other-error-then-hide-on-fix-page-html-snap.webpack5 b/...ally-then-show-on-an-error-then-show-other-error-then-hide-on-fix-page-html-snap.webpack5
@@ -1 +1 @@
-"<body>\n  <h1>webpack-dev-server is running...</h1>\n  <script type=\"text/javascript\" charset=\"utf-8\" src=\"/main.js\"></script>\n</body>\n"
+"<body>\n  <h1>webpack-dev-server is running...</h1>\n  <script type=\"text/javascript\" charset=\"utf-8\" src=\"/main.js\"></script>\n\n  <iframe\n    id=\"webpack-dev-server-client-overlay\"\n    src=\"about:blank\"\n    style=\"\n      position: fixed;\n      inset: 0px;\n      width: 100vw;\n      height: 100vh;\n      border: none;\n      z-index: 2147483647;\n    \"\n  ></iframe>\n</body>\n"
diff --git a/...not-show-overlay-when-Trusted-Types-are-enabled-but-policy-is-not-allowed-1.png b/...not-show-overlay-when-Trusted-Types-are-enabled-but-policy-is-not-allowed-1.png
diff --git a/...-overlay-when-Trusted-Types-are-enabled-but-policy-is-not-allowed-page-html-snap.webpack5 b/...-overlay-when-Trusted-Types-are-enabled-but-policy-is-not-allowed-page-html-snap.webpack5
diff --git a/...ots__/overlay.test.js/overlay-should-not-show-warning-when-it-is-filtered-1.png b/...ots__/overlay.test.js/overlay-should-not-show-warning-when-it-is-filtered-1.png
diff --git a/...pshots__/overlay.test.js/overlay-should-show-a-warning-after-invalidation-1.png b/...pshots__/overlay.test.js/overlay-should-show-a-warning-after-invalidation-1.png
diff --git a/...erlay.test.js/overlay-should-show-a-warning-after-invalidation-overlay-html-snap.webpack5 b/...erlay.test.js/overlay-should-show-a-warning-after-invalidation-overlay-html-snap.webpack5
diff --git a/...y.test.js/overlay-should-show-a-warning-and-error-for-initial-compilation-1.png b/...y.test.js/overlay-should-show-a-warning-and-error-for-initial-compilation-1.png
diff --git a/...show-a-warning-and-error-for-initial-compilation-and-protects-against-xss-1.png b/...show-a-warning-and-error-for-initial-compilation-and-protects-against-xss-1.png
diff --git a/...ing-and-error-for-initial-compilation-and-protects-against-xss-overlay-html-snap.webpack5 b/...ing-and-error-for-initial-compilation-and-protects-against-xss-overlay-html-snap.webpack5
diff --git a/...arning-and-error-for-initial-compilation-and-protects-against-xss-page-html-snap.webpack5 b/...arning-and-error-for-initial-compilation-and-protects-against-xss-page-html-snap.webpack5
diff --git a/...verlay-should-show-a-warning-and-error-for-initial-compilation-overlay-html-snap.webpack5 b/...verlay-should-show-a-warning-and-error-for-initial-compilation-overlay-html-snap.webpack5
diff --git a/...s/overlay-should-show-a-warning-and-error-for-initial-compilation-page-html-snap.webpack5 b/...s/overlay-should-show-a-warning-and-error-for-initial-compilation-page-html-snap.webpack5