feat: filebrowser with encfs

frontend/tests/fixtures/auth.ts

@@ -0,0 +1,40 @@
+import {
+  type Page,
+  type Locator,
+  test as base,
+  expect,
+} from "@playwright/test";
+
+export class AuthPage {
+  public readonly wrongCredentials: Locator;
+
+  constructor(public readonly page: Page) {
+    this.wrongCredentials = this.page.locator("div.wrong");
+  }
+
+  async goto() {
+    await this.page.goto("/login");
+  }
+
+  async loginAs(username = "admin", password = "admin") {
+    await this.page.getByPlaceholder("Username").fill(username);
+    await this.page.getByPlaceholder("Password").fill(password);
+    await this.page.getByRole("button", { name: "Login" }).click();
+  }
+
+  async logout() {
+    await this.page.getByRole("button", { name: "Logout" }).click();
+  }
+}
+
+const test = base.extend<{ authPage: AuthPage }>({
+  authPage: async ({ page }, use) => {
+    const authPage = new AuthPage(page);
+    await authPage.goto();
+    await authPage.loginAs();
+    await use(authPage);
+    // await authPage.logout();
+  },
+});
+
+export { test, expect };

frontend/tests/fixtures/settings.ts

@@ -0,0 +1,61 @@
+import {
+  type Locator,
+  type Page,
+  test as base,
+  expect,
+} from "@playwright/test";
+import { AuthPage } from "./auth";
+
+type SettingsType = "profile" | "shares" | "global" | "users";
+
+export class SettingsPage {
+  public readonly hideDotfiles: Locator; // checkbox
+  public readonly singleClick: Locator; // checkbox
+  public readonly dateFormat: Locator; // checkbox
+  private readonly languages: Locator; // selection
+  private readonly submitProfile: Locator; // submit
+  private readonly submitPassword: Locator; // submit
+
+  constructor(public readonly page: Page) {
+    this.hideDotfiles = this.page.locator('input[name="hideDotfiles"]');
+    this.singleClick = this.page.locator('input[name="singleClick"]');
+    this.dateFormat = this.page.locator('input[name="dateFormat"]');
+    this.languages = this.page.locator('select[name="selectLanguage"]');
+    this.submitProfile = this.page.locator('input[name="submitProfile"]');
+    this.submitPassword = this.page.locator('input[name="submitPassword"]');
+  }
+
+  async goto(type: SettingsType = "profile") {
+    await this.page.goto(`/settings/${type}`);
+  }
+
+  async setLanguage(locale: string = "en") {
+    await this.languages.selectOption(locale);
+  }
+
+  async saveProfile() {
+    await this.submitProfile.click();
+  }
+
+  async savePassword() {
+    await this.submitPassword.click();
+  }
+}
+
+const test = base.extend<{ settingsPage: SettingsPage }>({
+  page: async ({ page }, use) => {
+    // Sign in with our account.
+    const authPage = new AuthPage(page);
+    await authPage.goto();
+    await authPage.loginAs();
+    await expect(page).toHaveTitle(/.*Files - File Browser$/);
+    // Use signed-in page in the test.
+    await use(page);
+  },
+  settingsPage: async ({ page }, use) => {
+    const settingsPage = new SettingsPage(page);
+    await use(settingsPage);
+  },
+});
+
+export { test, expect };

frontend/tests/fixtures/toast.ts

@@ -0,0 +1,20 @@
+//classes: Vue-Toastification__toast Vue-Toastification__toast--success bottom-center
+import { type Page, type Locator, expect } from "@playwright/test";
+
+export class Toast {
+  private readonly success: Locator;
+  private readonly error: Locator;
+
+  constructor(public readonly page: Page) {
+    this.success = this.page.locator("div.Vue-Toastification__toast--success");
+    this.error = this.page.locator("div.Vue-Toastification__toast--error");
+  }
+
+  async isSuccess() {
+    await expect(this.success).toBeVisible();
+  }
+
+  async isError() {
+    await expect(this.error).toBeVisible();
+  }
+}