chore: fixing an e2e test

Author: sushruth

.gitignore

@@ -3,4 +3,15 @@ node_modules
 dist
 dist-ssr
 *.local
-.eslintcache
+.eslintcache
+# Yarn
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
+# Playwright
+test-results/

.yarn/releases/yarn-4.9.1.cjs

@@ -0,0 +1,2 @@
+yarnPath: .yarn/releases/yarn-4.9.1.cjs
+nodeLinker: node-modules

.yarnrc.yml

@@ -15,11 +15,13 @@
     "server:build": "tsc --project tsconfig.server.json --noEmit && node bundle/server/build.js",
     "build": "yarn clean && yarn server:build && yarn client:build",
     "test:playwright": "playwright test",
-    "start": "node dist/server.js"
+    "start": "node dist/server.js",
+    "prepack": "yarn build"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@es-exec/esbuild-plugin-start": "^0.0.5",
+    "@playwright/test": "^1.51.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@types/ejs": "^3.1.5",
     "@types/express": "^4.17.13",
@@ -46,7 +48,6 @@
     "http-proxy-middleware": "^2.0.1",
     "lint-staged": "^13.3.0",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.51.1",
     "prettier": "^3.5.3",
     "progress-bar-webpack-plugin": "^2.1.0",
     "style-loader": "^4.0.0",
@@ -64,8 +65,8 @@
     "webpack-merge": "^6.0.1"
   },
   "dependencies": {
-    "@1fe/server": "workspace:*",
-    "@1fe/shell": "workspace:*",
+    "@1fe/server": "git+ssh://git@github.com:docusign/1fe.git#head=main&workspace=@1fe/server",
+    "@1fe/shell": "git+ssh://git@github.com:docusign/1fe.git#head=main&workspace=@1fe/shell",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "11.14.0",
     "core-js": "^3.40.0",
@@ -79,7 +80,8 @@
     "react-refresh": "^0.16.0",
     "react-router-dom": "6.30.0",
     "serve-favicon": "^2.5.0",
-    "systemjs": "^6.15.1"
+    "systemjs": "^6.15.1",
+    "zod": "^3.25.36"
   },
   "browserslist": [
     "ios >= 13",
@@ -110,5 +112,6 @@
     "not dead",
     "not ie > 0",
     "not edge < 19"
-  ]
+  ],
+  "packageManager": "yarn@4.9.1"
 }

package.json

@@ -1,6 +1,7 @@
 import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
+  reporter: process.env.CI ? 'github' : 'list',
   webServer: {
     command: 'yarn dev',
     url: 'http://localhost:3001',
@@ -9,5 +10,9 @@ export default defineConfig({
     stderr: 'pipe',
     timeout: 30 * 1000,
   },
+  use: {
+    testIdAttribute: 'data-qa',
+  },
   testDir: './src/__tests__/tests',
+  testMatch: '**/*.playwright.ts',
 });

playwright.config.ts

@@ -6,15 +6,12 @@ test('Context functions in @internal/generic-child-widget', async ({
   // Navigate to the app
   await page.goto('http://localhost:3001/app1/utils');
 
-  await page.click('button[data-qa="utils.context.get.btn"]');
+  const resultElement = page.getByTestId('wsk.context.result.container');
 
-  const resultElement = page.locator(
-    'div[data-qa="wsk.context.result.container"]',
-  );
+  await expect(resultElement).toHaveText('');
 
-  await expect(await resultElement).toHaveText('');
+  await page.getByTestId('utils.context.self.btn').click();
 
-  await page.click('button[data-qa="utils.context.self.btn"]');
   await page.waitForTimeout(100);
 
   const selfContent = JSON.parse((await resultElement.textContent()) || '{}');

…tests/platform-utils/appLoadTime.spec.ts …platform-utils/appLoadTime.playwright.tssrc/__tests__/tests/platform-utils/appLoadTime.spec.ts renamed to src/__tests__/tests/platform-utils/appLoadTime.playwright.ts src/__tests__/tests/platform-utils/appLoadTime.spec.ts renamed to src/__tests__/tests/platform-utils/appLoadTime.playwright.ts

@@ -12,8 +12,8 @@ test('utils.experience.title.set', async ({ page }) => {
 
   title = await page.title();
 
-  const expectedTitle = 'hello world';
-  expect(title).toBe(expectedTitle);
+  const expectedTitle = /hello world/i;
+  expect(title).toMatch(expectedTitle);
 });
 
 test('utils.experience.title.get', async ({ page }) => {