feat(pie-notification): DSW-1351 updated branch to latest verison

.changeset/blue-steaks-cheer.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-components-config": minor
+---
+
+[Added] - New `playwright-lit-setup` executable to create necessary files for Playwright components tests.

.changeset/good-candles-care.md

@@ -0,0 +1,5 @@
+---
+"pie-monorepo": patch
+---
+
+[Fixed] - Issue where `packageManager` property was causing renovate PR's to fail due to `corepack` opt-in.

.changeset/quiet-dodos-sit.md

@@ -0,0 +1,5 @@
+---
+"pie-storybook": minor
+---
+
+[Added] - Sort all component storybook controls alphabetically

.gitignore

@@ -162,7 +162,8 @@ browsers-report/
 lit-browsers-report/
 visual-report/
 lit-visual-report/
-react-browsers-report
+react-browsers-report/
+packages/components/**/playwright/
 
 # TypeScript
 compiled/

.yarnrc.yml

@@ -14,4 +14,4 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
     spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.5.0.cjs
+yarnPath: .yarn/releases/yarn-3.8.1.cjs

apps/pie-docs/package.json

@@ -7,7 +7,6 @@
   "keywords": [],
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
-  "packageManager": "[email protected]",
   "scripts": {
     "build": "DEPLOYMENT_ENVIRONMENT='production' eleventy",
     "build:dev": "DEPLOYMENT_ENVIRONMENT='development' eleventy",

apps/pie-storybook/.storybook/preview.ts

@@ -83,6 +83,7 @@ export default {
         } as StoryBackgrounds,
         controls: {
             expanded: true,
+            sort: 'alpha',
         },
         viewport: {
             viewports: CUSTOM_VIEWPORTS

configs/pie-components-config/.npmignore

@@ -0,0 +1 @@
+playwright/.cache/

configs/pie-components-config/package.json

@@ -5,10 +5,14 @@
   "type": "module",
   "author": "Just Eat Takeaway.com - Design System Team",
   "description": "Shared configuration files for PIE components",
+  "bin": {
+    "playwright-lit-setup": "./scripts/playwright-lit-setup.js"
+  },
   "files": [
     "custom-elements-manifest.config.js",
     "vite.config.js",
     "tsconfig.json",
+    "playwright/**",
     "playwright-lit-config.js",
     "playwright-lit-visual-config.js"
   ],

configs/pie-components-config/playwright/index.ts

@@ -0,0 +1 @@
+// Despite being an empty file, Playwright component tests are dependant on this file existing.

configs/pie-components-config/scripts/playwright-lit-setup.js

@@ -0,0 +1,32 @@
+#!/usr/bin/env node
+import path from 'path';
+import { fileURLToPath } from 'url';
+import fs from 'fs/promises';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const destinationDir = path.resolve(process.cwd(), 'playwright');
+
+async function copyPlaywrightFiles () {
+    try {
+        try {
+            await fs.access(destinationDir);
+        } catch (err) {
+            await fs.mkdir(destinationDir, { recursive: true });
+        }
+
+        const playwrightFiles = ['index.html', 'index.ts'];
+        playwrightFiles.forEach(async (file) => {
+            const sourceFile = path.resolve(__dirname, '..', `playwright/${file}`);
+            const destinationFile = path.resolve(destinationDir, file);
+
+            await fs.copyFile(sourceFile, destinationFile);
+            console.log(`Playwright ${file} copied successfully.`);
+        });
+    } catch (err) {
+        console.error('Error copying Playwright files.:', err);
+    }
+}
+
+copyPlaywrightFiles();

package.json

@@ -5,7 +5,6 @@
   "keywords": [],
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
-  "packageManager": "[email protected]",
   "private": true,
   "engines": {
     "node": "^16 || ^18 || ^20"
@@ -47,6 +46,7 @@
     "test:ci": "yarn test:workflows && cross-env-shell turbo run test:ci --filter=!'./apps/examples/*' --filter=!pie-monorepo --token=${TURBO_TOKEN}",
     "test:coverage": "turbo run test:coverage --filter=!pie-monorepo",
     "test:generate-routes": "turbo run test:generate-routes --filter=!pie-monorepo --token=${TURBO_TOKEN}",
+    "test:browsers-setup": "turbo run test:browsers-setup --filter=!pie-monorepo --token=${TURBO_TOKEN}",
     "test:browsers": "cross-env-shell turbo run test:browsers --filter=!pie-monorepo --token=${TURBO_TOKEN}",
     "test:browsers:ci": "cross-env-shell turbo run test:browsers:ci --filter=!pie-monorepo --token=${TURBO_TOKEN}",
     "test:visual": "turbo run test:visual --filter=!pie-monorepo",
@@ -129,7 +129,7 @@
   },
   "volta": {
     "node": "20.9.0",
-    "yarn": "3.5.0"
+    "yarn": "3.8.1"
   },
   "resolutions": {
     "@babel/traverse": "7.22.5",

packages/components/pie-assistive-text/package.json

@@ -22,6 +22,7 @@
     "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:ci": "yarn test",
+    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_ASSISTIVE_TEXT} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",

packages/components/pie-button/package.json

@@ -23,6 +23,7 @@
     "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:ci": "yarn test",
+    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_BUTTON} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",

packages/components/pie-card/package.json

@@ -23,6 +23,7 @@
     "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:ci": "yarn test",
+    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_CARD} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",

packages/components/pie-chip/package.json

@@ -22,6 +22,7 @@
     "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:ci": "yarn test",
+    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_CHIP} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",

packages/components/pie-cookie-banner/package.json

@@ -24,6 +24,7 @@
     "watch": "run -T vite build --watch",
     "test": "run -T vitest run test/unit",
     "test:ci": "yarn test",
+    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_COOKIE_BANNER} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",