[PM-19280] Bugfix - Update login fixture for new ui changes (#317)

* update browser client config and login fixture

* update environment-selector button locator

* Revert "[deps]: Lock file maintenance (#308)"

This reverts commit 747ebe5.

Due to version mismatch in axe-core

* bump playwright version

* update locator

Author: jprusik

package-lock.json

@@ -15,7 +15,7 @@
   "homepage": "https://bitwarden.com",
   "devDependencies": {
     "@axe-core/playwright": "4.10.1",
-    "@playwright/test": "1.51.0",
+    "@playwright/test": "1.51.1",
     "@types/chrome": "0.0.308",
     "@types/node": "22.10.9",
     "cross-env": "7.0.3",
@@ -80,6 +80,6 @@
   },
   "engines": {
     "node": "22.13.x",
-    "npm": "~11.1.0"
+    "npm": "~11.2.0"
   }
 }

package.json

@@ -131,12 +131,29 @@ export const test = base.extend<{
 
     await test.step("Configure the environment", async () => {
       if (vaultHostURL) {
-        const extensionURL = `chrome-extension://${extensionId}/popup/index.html?uilocation=popout#/environment`;
+        const extensionURL = `chrome-extension://${extensionId}/popup/index.html#/login`;
         await testPage.goto(extensionURL, defaultGotoOptions);
-        const baseUrlInput = await testPage.locator("input#baseUrl");
+
+        const environmentSelectorMenuButton = await testPage
+          .locator("environment-selector")
+          .getByRole("button");
+
+        await environmentSelectorMenuButton.waitFor(defaultWaitForOptions);
+        await environmentSelectorMenuButton.click();
+
+        const environmentSelectorMenu = await testPage.getByTestId(
+          "environment-selector-dialog-item-self-hosted",
+        );
+
+        await environmentSelectorMenu.waitFor(defaultWaitForOptions);
+        await environmentSelectorMenu.click();
+
+        const baseUrlInput = await testPage.locator(
+          "input#self_hosted_env_settings_form_input_base_url",
+        );
         await baseUrlInput.waitFor(defaultWaitForOptions);
 
-        await testPage.fill("input#baseUrl", vaultHostURL);
+        await baseUrlInput.fill(vaultHostURL);
 
         await testPage.screenshot({
           fullPage: true,
@@ -147,12 +164,7 @@ export const test = base.extend<{
           ),
         });
 
-        const serverConfigContent = await testPage.locator("#baseUrlHelp");
-        await testPage.click("button[type='submit']");
-        await serverConfigContent.waitFor({
-          ...defaultWaitForOptions,
-          state: "detached",
-        });
+        await testPage.click("bit-dialog button[type='submit']");
       }
     });
 
@@ -175,7 +187,7 @@ export const test = base.extend<{
       await loginButton.waitFor(defaultWaitForOptions);
       await loginButton.click();
 
-      const extensionURL = `chrome-extension://${extensionId}/popup/index.html?uilocation=popout#/tabs/vault`;
+      const extensionURL = `chrome-extension://${extensionId}/popup/index.html#/tabs/vault`;
       await testPage.waitForURL(extensionURL, defaultGotoOptions);
       // Legacy UI
       const vaultFilterBox = await testPage