Fixes authentication tests (#381)

* remove Dummy

* cleans up auth tests

* fmt

.gitignore

@@ -33,3 +33,4 @@ yarn-error.log*
 target
 neardev
 data.json
+/test-results

package.json

@@ -18,6 +18,7 @@
     "start": "yarn dev:gateway",
     "serve": "webpack serve",
     "test": "npx playwright test",
+    "test:ui": "npx playwright test --ui",
     "lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "prepare": "simple-git-hooks"
   },

playwright-tests/tests/auth.spec.js

@@ -0,0 +1,48 @@
+import { test, expect } from "@playwright/test";
+import { ROOT_SRC } from "../util/constants";
+
+test.describe("User is not logged in", () => {
+  test.use({
+    storageState: "playwright-tests/storage-states/wallet-not-connected.json",
+  });
+
+  test.beforeEach(async ({ page }) => {
+    await page.goto(`/${ROOT_SRC}`);
+  });
+
+  test("To verify that the sign in button is visible in the home page and when clicked navigates to login page", async ({
+    page,
+  }) => {
+    const signInButton = page.getByRole("button", { name: "Sign in" }).nth(1);
+    await expect(signInButton).toBeVisible();
+    await signInButton.click();
+    expect(page.url()).toContain("/join");
+  });
+});
+
+test.describe("User is logged in", () => {
+  test.use({
+    storageState: "playwright-tests/storage-states/wallet-connected.json",
+  });
+
+  test.beforeEach(async ({ page }) => {
+    await page.goto(`/${ROOT_SRC}`);
+  });
+
+  test("To verify that the user is logged in succesfully", async ({ page }) => {
+    const LoggedInButton = page.getByRole("button", { name: "anybody.near" });
+    await expect(LoggedInButton).toHaveText("anybody.near");
+  });
+
+  test("To verify that the sign out button is visible in the dropdown and when clicked navigates to logout page", async ({
+    page,
+  }) => {
+    const LoggedInButton = page.getByRole("button", { name: "anybody.near" });
+    await expect(LoggedInButton).toHaveText("anybody.near");
+    await LoggedInButton.click();
+    const dropdownItems = await page.$$(".dropdown-item");
+    const secondDropdownItem = dropdownItems[1];
+    await secondDropdownItem.click();
+    expect(page.url()).toContain("/logout");
+  });
+});

playwright-tests/util/constants.js

@@ -1,3 +1,5 @@
 /**
  * constants
  */
+
+export const ROOT_SRC = "builddao.testnet/widget/Index";

playwright.config.js

@@ -96,7 +96,7 @@ export default defineConfig({
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: "npm run dev",
+    command: "npm run dev:testnet",
     port: 8080,
     reuseExistingServer: !process.env.CI,
   },