fix: add playwright dependency & cache yarn in Github Actions

.github/workflows/check.yml

@@ -19,6 +19,19 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "${{ env.node_version }}"
+          cache: "yarn"
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+
+      - uses: actions/cache@v3
+        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
 
       - name: Install dependencies
         run: yarn install --frozen-lockfile

.github/workflows/playwright.yml

@@ -18,6 +18,20 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: "${{ env.node_version }}"
+          cache: "yarn"
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+
+      - uses: actions/cache@v3
+        id: yarn-cache
+        with:
+          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
       - name: Install dependencies
         run: yarn install --frozen-lockfile
       - name: Install Playwright Browsers

apps/web/package.json

@@ -52,6 +52,7 @@
     "lodash": "^4.17.21",
     "next": "^14.0.3",
     "next-compose-plugins": "^2.2.1",
+    "playwright": "^1.40.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwind-merge": "^2.0.0",
@@ -62,6 +63,8 @@
     "@babel/plugin-syntax-flow": "^7.23.3",
     "@babel/plugin-transform-optional-chaining": "^7.23.4",
     "@babel/plugin-transform-react-jsx": "^7.23.4",
+    "@enterprise-commerce/eslint-config-custom": "*",
+    "@enterprise-commerce/tsconfig": "*",
     "@opentelemetry/api": "1.7.0",
     "@opentelemetry/resources": "1.18.1",
     "@opentelemetry/sdk-node": "0.45.1",
@@ -82,8 +85,6 @@
     "postcss": "^8.4.31",
     "postinstall-postinstall": "^2.1.0",
     "storybook": "^7.5.3",
-    "tailwindcss": "^3.3.5",
-    "@enterprise-commerce/tsconfig": "*",
-    "@enterprise-commerce/eslint-config-custom": "*"
+    "tailwindcss": "^3.3.5"
   }
 }

apps/web/playwright-report/index.html

@@ -59,4 +59,4 @@
   </body>
 </html>
 <script>
-window.playwrightReportBase64 = "data:application/zip;base64,UEsDBBQAAAgIAGQDmFdPjMQ69AIAAFYUAAAZAAAAYTMwYTZlYmE2MzEyZjZiODdlYTUuanNvbs2XTXObMBCG/0qGUzvjUH3zcWt7SS+dHnxqxwcZREyNkUeIxpmM/3sFYSaxgrFMcMYnaxB6d9e72od98rK8ED9SL/Y4BpyJJWcYoowtw0Bw6s3a/Z98I8wbYsc320L41VYkvq7MphaV+Y3/PLWrozK3S8AAwxwLBnHASArCLGyO57pohFe8unlez7ytkn9FojuTyUrJTV5vzEYhE65zWXrxU+tUr0NFXpoNPPMSWdQb8y7dz7y0Vt1JwujM42UpdfugcX0x82StE9lFaJS0SBs/uF49bytR1UUXpiVVaa70PG/PIoDwLUS3CM8RjlEQA+pDCn57jYJWj14MmgNi2/1hXezfRCaVuLmTct0EcFoRNYqv/CC9slm+07US8c1SyYdKKBdpRg+lUYT7pDvF+eNW+AWvy2TlJM5scfQivmgSVpfai+H+9XrWE1AiSy122sEmodGhTTYQjl+Kh+/u0gxYaRgXzJbfCydzVmogGoqli6MJ6ZerAWYboKcjOhJdE5R/L7X85H/57GCcRmi4Ns64+uTl6kOy7/fv+Zb7Wt7xf2Le9Z1TToahnYJgrI/sxUeEjvj4NdNCOXeFCFj/YDjYExyrLgL4UBX0l8T7bqmrFWstlJKqe8eY0HXVVl5Vtd2ba82T1UaUbd9eNAfk2ou1qkXr7iCtMoo55SmhOEkxThMapNSJVlmuTDffTQSrMMBTwaqVOo0WODmsrNRGQS9RpoAVRb01PxJWgS3OLg0rFpHj/eWdtHqrPTIcx8YRQGjREdJJcRVA+ysIOgB4Elwx37D30DiOoivDFfOp7SQC14Ir4xyxnOst9fOqrlENLo4rdysfhyvCkXmWAsbNEwhEmiTICVcPYrnO9VSjFZlutCLXMVpBRHq/skfhyu7AgAy1xHN5ZX+bAjJyIHG/CAhY0xUZmhbPAZbRhvZ4BS8ILGPvTer7Mz8SWKcMXBhYOAotFoyfXS4GLAZtYMHrARbDwdFxf3zVMRx+ALBcrUwGrMX+P1BLAwQUAAAICABkA5hXtms8inoBAACUBAAACwAAAHJlcG9ydC5qc29uxVNNj5swEP0r1ZzZCGJsCP9gLz1V2kOVw8QeFBeDkRnUrSL+e21guzm06h5S1af58ps3TzM36InRICM0N0DNM7oXHzoKEzRiyWBiDPzF9gRNUeVCVGVenE5FnoGZA7L1AzT1qZCHmHh7xwxa6ygifL2t1rOBBlDkqOiCShTHVl3qilDCVvkZEz7QK/ajo8M0kj7wFJNME28wyfojzNMlV7kSKEgVolKlyeu2Tt8tuwR8xenTZmcwBv+NNO8t9TX43s59TDiv93k20r8l5OwQEyID7d3cx1q53CtRKpkBDoPnNZConzPwM2u/TxiRmEzigXzd0x00HGbKINA0u31gZEZ97WlY/fNyXrK/qdBKgRJNKYU2QhgtKyM/pEJrA7X+9UEi1JX4jyKUeIwxkyuMkSIno/XxQyJ8p0tn+VGLUP7DRTivZ5ncKEbs4FYivyCTMw/vbrzV1mH3Y7Wmzo7jHn3rtyTEOzFSn/vLeF+PXaOHE4ifQ/BhG/AnUEsBAj8DFAAACAgAZAOYV0+MxDr0AgAAVhQAABkAAAAAAAAAAAAAALSBAAAAAGEzMGE2ZWJhNjMxMmY2Yjg3ZWE1Lmpzb25QSwECPwMUAAAICABkA5hXtms8inoBAACUBAAACwAAAAAAAAAAAAAAtIErAwAAcmVwb3J0Lmpzb25QSwUGAAAAAAIAAgCAAAAAzgQAAAAA";</script>
+window.playwrightReportBase64 = "data:application/zip;base64,UEsDBBQAAAgIAK+ImVfRXfRI7gEAAPsGAAAZAAAAYTMwYTZlYmE2MzEyZjZiODdlYTUuanNvbq1US4+bQAz+K9GcWonQeTAkcGv30O2l6iGnVjkMxAS6wKDBdLOK+O9lCFI2iCTstqdY8fh7GNtHkmQ5fNuRkChBlQ+R8gXjiR+tV6Akcfr8d1VA9wIOqqhycOsKYhfrLolQd7/hr2MfXYVZRnHAPe6JlUx2LAnkGlhkyzPMLXCq6sUpdkhl9G+IcaD8qvU+h8VDanRhs7mOFWa6JOGxVzapKs/KLiEcEuu8Kbq3snXIrjFDped3KVWWGvs/rP6tQ3SDsR5sdkgIOytGYXpKG6ibfPA6gqpRGdxkfS2nXCwZX3K5YX5IZcgDV3r0J7EIaF5ISG0BVEPXhgZ8gUQbWDxq/WQN3EdkFvGsY7XypmCT7ICNgXARGf1cg5kDLeUltC+CKegBcfNSgZurpozTWeD+GHx9Bt/aD9aUSELWvo6dCUOxLhEOeI9TUJcF3ojzhh23hOeHN0CPeuW9z0yl9jCDjlN6SceYvOFl8GEt/fgfBNccXXFnTbl7jfqD++njDHLBRs0UlF6Qv2H1vfPqM6+d1nfachf1o/oDm+H43BPps9EAs+C9Gv2zRs6vaPycIJh5V8GKE6MOrm/ehJlT54uRZTo9Ev+2pXNZRjEYo83wpqPApu4nr677660QVZwWUPZ3e2sL9BMJ0TTQbtu/UEsDBBQAAAgIAK+ImVfSlYXcNgEAAHkCAAALAAAAcmVwb3J0Lmpzb26tUb1ugzAQfpXoZjcCDCRh7VB16VSpQ5XhMEehGIzsQ2oV8e61gSpR1W6Vlzuf7/vzBXpirJARigug4gn1i7EdWQdFPAtwjJaf2558e4hklkQySWUuBVSTRW7NAEUuo2gfp7GAutXkF18vS/VYQQEoI8ypxFzGSZ2XxwNhBuvLJwywQB/Yj5r2biS1Z+eHTI5XmFD9CXNXqlOSejmHrK7i+pQdKS7Dess6ADfodmstYLTmnRRvlA/GvGna3TfW9GGqjdq8rMp/VaXbwQ+8c2X01Pu32XybQhpCwWEwvFwE/WcBZmJlNpseiakKYpCbbdxBwXYiAZbcpDfXyIyq6WlY+vPsz/ITofWZeAbtv0NcIUMzDdc28gFr7D6XynXtOG6333xzQLzJJPD8SOXfKf2ytcaulr4AUEsBAj8DFAAACAgAr4iZV9Fd9EjuAQAA+wYAABkAAAAAAAAAAAAAALSBAAAAAGEzMGE2ZWJhNjMxMmY2Yjg3ZWE1Lmpzb25QSwECPwMUAAAICACviJlX0pWF3DYBAAB5AgAACwAAAAAAAAAAAAAAtIElAgAAcmVwb3J0Lmpzb25QSwUGAAAAAAIAAgCAAAAAhAMAAAAA";</script>

apps/web/playwright.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, devices } from "@playwright/test"
+import { defineConfig } from "@playwright/test"
 
 /**
  * Read environment variables from file.
@@ -33,18 +33,10 @@ export default defineConfig({
   /* Configure projects for major browsers */
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
-    },
-
-    {
-      name: "firefox",
-      use: { ...devices["Desktop Firefox"] },
-    },
-
-    {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
+      name: "Google Chrome",
+      use: {
+        channel: "chrome",
+      },
     },
 
     /* Test against mobile viewports. */

yarn.lock

@@ -14049,6 +14049,11 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.40.0.tgz#82f61e5504cb3097803b6f8bbd98190dd34bdf14"
   integrity sha512-fvKewVJpGeca8t0ipM56jkVSU6Eo0RmFvQ/MaCQNDYm+sdvKkMBBWTE1FdeMqIdumRaXXjZChWHvIzCGM/tA/Q==
 
+[email protected]:
+  version "1.40.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.40.1.tgz#442d15e86866a87d90d07af528e0afabe4c75c05"
+  integrity sha512-+hkOycxPiV534c4HhpfX6yrlawqVUzITRKwHAmYfmsVreltEl6fAZJ3DPfLMOODw0H3s1Itd6MDCWmP1fl/QvQ==
+
 [email protected]:
   version "1.40.0"
   resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.40.0.tgz#2a1824b9fe5c4fe52ed53db9ea68003543a99df0"
@@ -14067,6 +14072,15 @@ playwright@^1.14.0:
   optionalDependencies:
     fsevents "2.3.2"
 
+playwright@^1.40.1:
+  version "1.40.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.40.1.tgz#a11bf8dca15be5a194851dbbf3df235b9f53d7ae"
+  integrity sha512-2eHI7IioIpQ0bS1Ovg/HszsN/XKNwEG1kbzSDDmADpclKc7CyqkHw7Mg2JCz/bbCxg25QUPcjksoMW7JcIFQmw==
+  dependencies:
+    playwright-core "1.40.1"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 pluralize@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"