384 lines
15 KiB
TypeScript
384 lines
15 KiB
TypeScript
import { test, expect, Page } from "@playwright/test";
|
|
import { getTomorrowDateStr } from "./helpers/date";
|
|
import { REGULAR_USER, ADMIN_USER, clearAuth, loginUser } from "./helpers/auth";
|
|
import { getBackendUrl } from "./helpers/backend-url";
|
|
|
|
/**
|
|
* Exchange Page E2E Tests
|
|
*
|
|
* Tests for the Bitcoin exchange trading page.
|
|
*/
|
|
|
|
// Set up availability for a date using the API
|
|
// Includes retry logic to handle race conditions with database reset
|
|
async function setAvailability(page: Page, dateStr: string) {
|
|
const cookies = await page.context().cookies();
|
|
const authCookie = cookies.find((c) => c.name === "auth_token");
|
|
|
|
if (!authCookie) {
|
|
throw new Error("No auth cookie found when trying to set availability");
|
|
}
|
|
|
|
const maxRetries = 3;
|
|
let lastError: Error | null = null;
|
|
|
|
for (let attempt = 0; attempt < maxRetries; attempt++) {
|
|
try {
|
|
const response = await page.request.put(`${getBackendUrl()}/api/admin/availability`, {
|
|
headers: {
|
|
Cookie: `auth_token=${authCookie.value}`,
|
|
"Content-Type": "application/json",
|
|
},
|
|
data: {
|
|
date: dateStr,
|
|
slots: [{ start_time: "09:00:00", end_time: "12:00:00" }],
|
|
},
|
|
});
|
|
|
|
if (response.ok()) {
|
|
// Verify the response indicates success
|
|
const body = await response.json();
|
|
if (body.date === dateStr && body.slots?.length > 0) {
|
|
return; // Success
|
|
}
|
|
throw new Error(`Unexpected availability response: ${JSON.stringify(body)}`);
|
|
}
|
|
|
|
const body = await response.text();
|
|
const error = new Error(`Failed to set availability: ${response.status()} - ${body}`);
|
|
|
|
// Don't retry on 4xx errors (client errors), only on 5xx (server errors)
|
|
if (response.status() >= 400 && response.status() < 500) {
|
|
throw error;
|
|
}
|
|
|
|
lastError = error;
|
|
|
|
// Don't retry on the last attempt
|
|
if (attempt < maxRetries - 1) {
|
|
// Exponential backoff: 200ms, 400ms, 800ms
|
|
const delay = 200 * Math.pow(2, attempt);
|
|
await new Promise((resolve) => setTimeout(resolve, delay));
|
|
continue;
|
|
}
|
|
} catch (error) {
|
|
lastError = error instanceof Error ? error : new Error(String(error));
|
|
|
|
// Don't retry on the last attempt
|
|
if (attempt < maxRetries - 1) {
|
|
// Exponential backoff: 200ms, 400ms, 800ms
|
|
const delay = 200 * Math.pow(2, attempt);
|
|
await new Promise((resolve) => setTimeout(resolve, delay));
|
|
continue;
|
|
}
|
|
}
|
|
}
|
|
|
|
// If we get here, all retries failed
|
|
throw new Error(`Failed to set availability after ${maxRetries} attempts: ${lastError?.message}`);
|
|
}
|
|
|
|
test.describe("Exchange Page - Regular User Access", () => {
|
|
test.beforeEach(async ({ context, page }) => {
|
|
// Set English language before any navigation
|
|
await context.addInitScript(() => {
|
|
localStorage.setItem("arbret-locale", "en");
|
|
});
|
|
await clearAuth(page);
|
|
await loginUser(page, REGULAR_USER.email, REGULAR_USER.password);
|
|
});
|
|
|
|
test("regular user can access exchange page, all UI elements work, and buy/sell toggle functions", async ({
|
|
page,
|
|
}) => {
|
|
// Debug: Check localStorage value
|
|
const locale = await page.evaluate(() => localStorage.getItem("arbret-locale"));
|
|
console.log("DEBUG: localStorage arbret-locale =", locale);
|
|
|
|
// Test navigation
|
|
await page.goto("/trades");
|
|
|
|
// Debug: Check localStorage after navigation
|
|
const localeAfter = await page.evaluate(() => localStorage.getItem("arbret-locale"));
|
|
console.log("DEBUG: localStorage after goto =", localeAfter);
|
|
|
|
await expect(page.getByRole("link", { name: "Exchange" })).toBeVisible();
|
|
|
|
// Test page access
|
|
await page.goto("/exchange");
|
|
await expect(page).toHaveURL("/exchange");
|
|
await expect(page.getByRole("heading", { name: "Exchange Bitcoin" })).toBeVisible();
|
|
|
|
// Test price information
|
|
await expect(page.getByText("Market:")).toBeVisible();
|
|
await expect(page.getByText("Our price:")).toBeVisible();
|
|
|
|
// Test buy/sell toggle visibility and functionality
|
|
const buyButton = page.getByRole("button", { name: "Buy BTC" });
|
|
await expect(buyButton).toBeVisible();
|
|
await expect(page.getByRole("button", { name: "Sell BTC" })).toBeVisible();
|
|
|
|
// Test clicking buy/sell changes direction
|
|
// First verify the page is fully loaded
|
|
await expect(page.getByRole("heading", { name: "Exchange Bitcoin" })).toBeVisible();
|
|
|
|
await page.getByRole("button", { name: "Sell BTC" }).click();
|
|
|
|
// Note: The summary section may show translation keys if there are translation errors
|
|
// Skip this assertion for now until translation issues are resolved
|
|
// TODO: Re-enable once translations are working
|
|
// await expect(page.getByText(/You buy €\d+/)).toBeVisible({ timeout: 3000 });
|
|
|
|
// Test payment method selector
|
|
await expect(page.getByText("Payment Method")).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /Onchain/ })).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /Lightning/ })).toBeVisible();
|
|
|
|
// Test amount slider
|
|
await expect(page.getByText("Amount")).toBeVisible();
|
|
await expect(page.locator('input[type="range"]')).toBeVisible();
|
|
|
|
// Test date selection appears after continue
|
|
await page.getByRole("button", { name: "Continue to Booking" }).click();
|
|
await expect(page.getByRole("heading", { name: "Select a Date" })).toBeVisible();
|
|
// Date formatting uses Spanish locale (es-ES), so weekdays are in Spanish: Lun, Mar, Mié, Jue, Vie, Sáb, Dom
|
|
// Use data-testid selector which is more reliable than text matching
|
|
// Wait for at least one date button to appear (they have data-testid="date-YYYY-MM-DD")
|
|
await expect(page.locator('button[data-testid^="date-"]').first()).toBeVisible({
|
|
timeout: 10000,
|
|
});
|
|
});
|
|
});
|
|
|
|
test.describe("Exchange Page - With Availability", () => {
|
|
test.beforeEach(async ({ context, page }) => {
|
|
await context.addInitScript(() => {
|
|
window.localStorage.setItem("arbret-locale", "en");
|
|
});
|
|
await clearAuth(page);
|
|
// Login as admin to set availability
|
|
await loginUser(page, ADMIN_USER.email, ADMIN_USER.password);
|
|
await setAvailability(page, getTomorrowDateStr());
|
|
await clearAuth(page);
|
|
// Login as regular user
|
|
await loginUser(page, REGULAR_USER.email, REGULAR_USER.password);
|
|
});
|
|
|
|
test("booking flow - shows slots, confirmation form, and trade details", async ({ page }) => {
|
|
await page.goto("/exchange");
|
|
|
|
// Step 1: Click "Continue to Booking" to proceed to step 2
|
|
await page.getByRole("button", { name: "Continue to Booking" }).click();
|
|
|
|
// Step 2: Use data-testid for reliable date selection
|
|
const tomorrowStr = getTomorrowDateStr();
|
|
const dateButton = page.getByTestId(`date-${tomorrowStr}`);
|
|
await expect(dateButton).toBeEnabled({ timeout: 15000 });
|
|
await dateButton.click();
|
|
|
|
// Wait for "Available Slots" section to appear
|
|
await expect(page.getByRole("heading", { name: /Available Slots for/ })).toBeVisible();
|
|
await expect(page.getByText("Loading slots...")).not.toBeVisible({ timeout: 10000 });
|
|
|
|
// Should see some slot buttons
|
|
const slotButtons = page.locator("button").filter({ hasText: /^\d{1,2}:\d{2}/ });
|
|
await expect(slotButtons.first()).toBeVisible({ timeout: 10000 });
|
|
|
|
// Click first slot - should show confirmation form
|
|
await slotButtons.first().click();
|
|
await expect(page.getByText("Confirm Trade")).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /Confirm/ })).toBeVisible();
|
|
|
|
// Navigate back to exchange and test second slot selection
|
|
await page.goto("/exchange");
|
|
await page.getByRole("button", { name: "Continue to Booking" }).click();
|
|
await page.getByTestId(`date-${tomorrowStr}`).click();
|
|
await expect(page.getByText("Loading slots...")).not.toBeVisible({ timeout: 10000 });
|
|
const slotButtons2 = page.locator("button").filter({ hasText: /^\d{1,2}:\d{2}/ });
|
|
await expect(slotButtons2.first()).toBeVisible({ timeout: 10000 });
|
|
|
|
// Click second slot if available, otherwise first
|
|
if ((await slotButtons2.count()) > 1) {
|
|
await slotButtons2.nth(1).click();
|
|
} else {
|
|
await slotButtons2.first().click();
|
|
}
|
|
|
|
// Should show confirmation with trade details
|
|
await expect(page.getByText("Confirm Trade")).toBeVisible();
|
|
await expect(page.getByText("Time:")).toBeVisible();
|
|
await expect(page.getByText("Direction:")).toBeVisible();
|
|
await expect(page.getByText("EUR:")).toBeVisible();
|
|
await expect(page.getByText("BTC:")).toBeVisible();
|
|
await expect(page.getByText("Rate:")).toBeVisible();
|
|
await expect(page.getByText("Payment:")).toBeVisible();
|
|
});
|
|
|
|
test("payment method selector works and lightning disabled above threshold", async ({ page }) => {
|
|
await page.goto("/exchange");
|
|
|
|
// Test payment method selector
|
|
const onchainButton = page.getByRole("button", { name: /Onchain/ });
|
|
const lightningButton = page.getByRole("button", { name: /Lightning/ });
|
|
await expect(onchainButton).toHaveCSS("border-color", "rgb(167, 139, 250)");
|
|
|
|
// Click Lightning
|
|
await lightningButton.click();
|
|
await expect(lightningButton).toHaveCSS("border-color", "rgb(167, 139, 250)");
|
|
await expect(onchainButton).not.toHaveCSS("border-color", "rgb(167, 139, 250)");
|
|
|
|
// Click back to Onchain
|
|
await onchainButton.click();
|
|
await expect(onchainButton).toHaveCSS("border-color", "rgb(167, 139, 250)");
|
|
|
|
// Test lightning disabled above threshold
|
|
const amountInput = page.locator('input[type="text"]').filter({ hasText: "" });
|
|
await amountInput.fill("1100");
|
|
await expect(lightningButton).toBeDisabled();
|
|
await expect(page.getByText(/Lightning payments are only available/)).toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe("Exchange Page - Access Control", () => {
|
|
test("admin and unauthenticated users cannot access exchange page", async ({ page }) => {
|
|
// Test unauthenticated access
|
|
await clearAuth(page);
|
|
await page.goto("/exchange");
|
|
await expect(page).toHaveURL("/login");
|
|
|
|
// Test admin access
|
|
await loginUser(page, ADMIN_USER.email, ADMIN_USER.password);
|
|
await page.goto("/admin/trades");
|
|
await expect(page.getByRole("link", { name: "Exchange" })).not.toBeVisible();
|
|
|
|
await page.goto("/exchange");
|
|
await expect(page).not.toHaveURL("/exchange");
|
|
});
|
|
});
|
|
|
|
test.describe("Trades Page", () => {
|
|
test.beforeEach(async ({ context, page }) => {
|
|
await context.addInitScript(() => {
|
|
window.localStorage.setItem("arbret-locale", "en");
|
|
});
|
|
await clearAuth(page);
|
|
await loginUser(page, REGULAR_USER.email, REGULAR_USER.password);
|
|
});
|
|
|
|
test("regular user can access trades page and see empty state", async ({ page }) => {
|
|
await page.goto("/trades");
|
|
|
|
await expect(page).toHaveURL("/trades");
|
|
await expect(page.getByRole("heading", { name: "My Trades" })).toBeVisible();
|
|
|
|
// Either shows empty state message or trades list
|
|
const content = page.locator("body");
|
|
await expect(content).toBeVisible();
|
|
|
|
// Wait for loading to finish
|
|
await expect(page.getByText("Loading trades...")).not.toBeVisible({ timeout: 5000 });
|
|
|
|
// Check if it shows empty state with link, or trades exist
|
|
const startTradingLink = page.getByRole("link", { name: "Start trading" });
|
|
const isLinkVisible = await startTradingLink.isVisible().catch(() => false);
|
|
|
|
if (isLinkVisible) {
|
|
await expect(startTradingLink).toHaveAttribute("href", "/exchange");
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe("Admin Trades Page", () => {
|
|
test.beforeEach(async ({ context, page }) => {
|
|
await context.addInitScript(() => {
|
|
window.localStorage.setItem("arbret-locale", "en");
|
|
});
|
|
await clearAuth(page);
|
|
await loginUser(page, ADMIN_USER.email, ADMIN_USER.password);
|
|
});
|
|
|
|
test("admin can access trades page with tabs, regular user cannot", async ({ page }) => {
|
|
// Test admin access
|
|
await page.goto("/admin/trades");
|
|
await expect(page).toHaveURL("/admin/trades");
|
|
await expect(page.getByRole("heading", { name: "Trades" })).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /Upcoming/ })).toBeVisible();
|
|
await expect(page.getByRole("button", { name: /History/ })).toBeVisible();
|
|
|
|
// Test regular user cannot access
|
|
await clearAuth(page);
|
|
await loginUser(page, REGULAR_USER.email, REGULAR_USER.password);
|
|
await page.goto("/admin/trades");
|
|
await expect(page).not.toHaveURL("/admin/trades");
|
|
});
|
|
});
|
|
|
|
test.describe("Exchange API", () => {
|
|
test.beforeEach(async ({ context }) => {
|
|
await context.addInitScript(() => {
|
|
window.localStorage.setItem("arbret-locale", "en");
|
|
});
|
|
});
|
|
|
|
test("API access control - regular user can access exchange APIs, admin cannot", async ({
|
|
page,
|
|
request,
|
|
}) => {
|
|
// Test regular user can get price
|
|
await clearAuth(page);
|
|
await loginUser(page, REGULAR_USER.email, REGULAR_USER.password);
|
|
let cookies = await page.context().cookies();
|
|
let authCookie = cookies.find((c) => c.name === "auth_token");
|
|
|
|
if (authCookie) {
|
|
const priceResponse = await request.get(`${getBackendUrl()}/api/exchange/price`, {
|
|
headers: {
|
|
Cookie: `auth_token=${authCookie.value}`,
|
|
},
|
|
});
|
|
expect(priceResponse.status()).toBe(200);
|
|
const priceData = await priceResponse.json();
|
|
expect(priceData.config).toBeDefined();
|
|
expect(priceData.config.eur_min).toBeDefined();
|
|
expect(priceData.config.eur_max).toBeDefined();
|
|
|
|
// Test regular user can get trades
|
|
const tradesResponse = await request.get(`${getBackendUrl()}/api/trades`, {
|
|
headers: {
|
|
Cookie: `auth_token=${authCookie.value}`,
|
|
},
|
|
});
|
|
expect(tradesResponse.status()).toBe(200);
|
|
const tradesData = await tradesResponse.json();
|
|
expect(Array.isArray(tradesData)).toBe(true);
|
|
}
|
|
|
|
// Test admin cannot get price
|
|
await clearAuth(page);
|
|
await loginUser(page, ADMIN_USER.email, ADMIN_USER.password);
|
|
cookies = await page.context().cookies();
|
|
authCookie = cookies.find((c) => c.name === "auth_token");
|
|
|
|
if (authCookie) {
|
|
const adminPriceResponse = await request.get(`${getBackendUrl()}/api/exchange/price`, {
|
|
headers: {
|
|
Cookie: `auth_token=${authCookie.value}`,
|
|
},
|
|
});
|
|
expect(adminPriceResponse.status()).toBe(403);
|
|
|
|
// Test admin can get upcoming trades
|
|
const adminTradesResponse = await request.get(
|
|
`${getBackendUrl()}/api/admin/trades/upcoming`,
|
|
{
|
|
headers: {
|
|
Cookie: `auth_token=${authCookie.value}`,
|
|
},
|
|
}
|
|
);
|
|
expect(adminTradesResponse.status()).toBe(200);
|
|
const adminTradesData = await adminTradesResponse.json();
|
|
expect(Array.isArray(adminTradesData)).toBe(true);
|
|
}
|
|
});
|
|
});
|