chore: playwright bump to 1.50.0 (#4632)

chore: playwright bump to 1.50.0

.circleci/config.yml

@@ -246,7 +246,7 @@ jobs:
     - post_steps
   e2e-test:
     docker:
-      - image: mcr.microsoft.com/playwright:v1.49.1-jammy
+      - image: mcr.microsoft.com/playwright:v1.50.0-jammy
     steps:
       - checkout
       - run: npm i -D @playwright/test

apps/directory/package.json

@@ -31,7 +31,7 @@
     "vuedraggable": "4.1.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.49.1",
+    "@playwright/test": "1.50.0",
     "@vitejs/plugin-vue": "4.6.2",
     "@vue/test-utils": "2.4.6",
     "@vue/vue3-jest": "29.2.6",

apps/nuxt3-ssr/package.json

@@ -20,7 +20,7 @@
   "devDependencies": {
     "@nuxt/image": "1.7.0",
     "@nuxt/test-utils": "3.14.4",
-    "@playwright/test": "1.49.1",
+    "@playwright/test": "1.50.0",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "0.5.13",
     "@vitejs/plugin-vue": "4.6.2",
@@ -31,7 +31,7 @@
     "if-env": "^1.0.4",
     "jsdom": "22.1.0",
     "metadata-utils": "*",
-    "playwright-core": "1.48.0",
+    "playwright-core": "1.50.0",
     "postcss": "8.4.39",
     "postcss-custom-properties": "13.3.11",
     "prettier": "2.8.8",

apps/tailwind-components/package.json

@@ -35,7 +35,7 @@
     "if-env": "1.0.4",
     "pa11y-ci": "^3.1.0",
     "pa11y-ci-reporter-html": "^7.0.0",
-    "playwright-core": "1.48.0",
+    "playwright-core": "1.50.0",
     "prettier": "2.8.8",
     "svgo": "2.8.0",
     "typescript": "5.6.2",

apps/tailwind-components/tests/components/form/renderForm.spec.ts

@@ -5,25 +5,20 @@ const route = playwrightConfig?.use?.baseURL?.startsWith("http://localhost")
   ? ""
   : "/apps/tailwind-components/#/";
 
-test("it should render the form", async ({ page }) => {
+test.beforeEach(async ({ page }) => {
   await page.goto(`${route}Form.story`);
-  await page.goto(
-    "https://emx2.dev.molgenis.org/apps/tailwind-components/#/Form.story"
-  );
-  await expect(page.getByRole("main")).toContainText("bool");
-  await expect(page.getByRole("main")).toContainText(
-    "place holder for field type BOOL"
-  );
-  await expect(page.getByRole("main")).toContainText("date");
+  await page.getByLabel("name").click({ delay: 500 }); // wait for hydration to complete
+});
+
+test("it should render the form", async ({ page }) => {
   await expect(page.getByRole("main")).toContainText("name");
-  await expect(page.getByRole("main")).toContainText("Required");
   await expect(page.getByRole("main")).toContainText("the name");
+  await expect(page.getByRole("main")).toContainText("date");
+  await expect(page.getByRole("main")).toContainText("Required");
   await expect(page.getByLabel("name")).toBeVisible();
 });
 
 test("it should handle input", async ({ page }) => {
-  await page.goto(`${route}Form.story`);
-  await page.getByLabel("name").click({ delay: 500 }); // wait for hydration to complete
   await page.getByLabel("name").pressSequentially("test");
   await expect(page.getByLabel("name")).toHaveValue("test");
   await page.getByRole("heading", { name: "Values" }).click();

e2e/package.json

@@ -13,7 +13,7 @@
     "test:tw-forms": "playwright test --grep '@tw-forms' --reporter=line"
   },
   "dependencies": {
-    "@playwright/test": "1.49.1",
+    "@playwright/test": "1.50.0",
     "install": "0.13.0"
   }
 }