frequi_origin/e2e/login.spec.ts

import { test, expect } from '@playwright/test';
import { defaultMocks } from './helpers';

test.describe('Login', () => {
  test('Is not logged in', async ({ page }) => {
    await page.goto('/');
    await expect(page.locator('button', { hasText: 'Login' })).toBeInViewport();

    await page.locator('li', { hasText: 'No bot selected' });
    await page.locator('button:has-text("Login")').click();
    await page.locator('.modal-title:has-text("Login to your bot")');
    // Test prefilled URL
    await expect(page.locator('input[id=url-input]').inputValue()).resolves.toBe(
      'http://localhost:3000',
    );
    await page.locator('#name-input').isVisible();
    await page.locator('#username-input').isVisible();
    await page.locator('#password-input').isVisible();
    // Modal popup will use "OK" instead of "submit"
    await expect(page.locator('button[type=submit]')).not.toBeVisible();
  });

  test('Explicit login page', async ({ page }) => {
    await page.goto('/login');
    await expect(page.locator('button', { hasText: 'Login' })).not.toBeInViewport();
    await page.locator('li', { hasText: 'No bot selected' });
    await page.locator('.card-header:has-text("Freqtrade bot Login")');
    // Test prefilled URL
    await expect(page.locator('input[id=url-input]').inputValue()).resolves.toBe(
      'http://localhost:3000',
    );
    await page.locator('input[id=name-input]').isVisible();
    await page.locator('input[id=username-input]').isVisible();
    await page.locator('input[id=password-input]').isVisible();
    await page.locator('button[type=submit]').isVisible();
  });

  test('Redirect when not logged in', async ({ page }) => {
    await page.goto('/trade');
    // await expect(page.locator('button', { hasText: 'Login' })).toBeInViewport();
    await expect(page.locator('li', { hasText: 'No bot selected' }).first()).toBeInViewport();
    await expect(page).toHaveURL(/.*\/login\?redirect=\/trade/);
  });
  test('Test Login', async ({ page }) => {
    await defaultMocks(page);
    await page.goto('/login');
    await page.locator('.card-header:has-text("Freqtrade bot Login")');
    await page.locator('input[id=name-input]').fill('TestBot');
    await page.locator('input[id=username-input]').fill('Freqtrader');
    await page.locator('input[id=password-input]').fill('SuperDuperBot');

    await page.route('**/api/v1/token/login', (route) => {
      return route.fulfill({
        status: 200,
        json: { access_token: 'access_token_tesst', refresh_token: 'refresh_test' },
        headers: { 'access-control-allow-origin': '*' },
      });
    });
    const loginButton = await page.locator('button[type=submit]');
    await expect(loginButton).toBeVisible();
    await expect(loginButton).toContainText('Submit');
    await Promise.all([loginButton.click(), page.waitForResponse('**/api/v1/token/login')]);

    await expect(page.locator('span', { hasText: 'TestBot' })).toBeVisible();
    await expect(page.locator('button', { hasText: 'Add new Bot' })).toBeVisible();
    await expect(page.locator('button', { hasText: 'Login' })).not.toBeVisible();
    // Test logout
    await page.locator('#avatar-drop').click();
    await page.locator('button', { hasText: 'Sign Out' }).click();
    // Assert we're logged out again
    await expect(page.locator('button', { hasText: 'Login' })).toBeVisible();
  });

  test('Test Login failed - wrong api url', async ({ page }) => {
    await defaultMocks(page);
    await page.goto('/login');
    await page.locator('.card-header:has-text("Freqtrade bot Login")');
    await page.locator('input[id=name-input]').fill('TestBot');
    await page.locator('input[id=username-input]').fill('Freqtrader');
    await page.locator('input[id=password-input]').fill('SuperDuperBot');

    await page.route('**/api/v1/token/login', (route) => {
      return route.fulfill({
        status: 404,
        json: { access_token: 'access_token_tesst', refresh_token: 'refresh_test' },
        headers: { 'access-control-allow-origin': '*' },
      });
    });
    const loginButton = await page.locator('button[type=submit]');
    await expect(loginButton).toBeVisible();
    await expect(loginButton).toContainText('Submit');
    await Promise.all([loginButton.click(), page.waitForResponse('**/api/v1/token/login')]);
    await expect(page.getByText('Login failed.')).toBeVisible();
    await expect(page.getByText('API Url required')).toBeVisible();
  });

  test('Test Login failed - wrong password', async ({ page }) => {
    await defaultMocks(page);
    await page.goto('/login');
    await page.locator('.card-header:has-text("Freqtrade bot Login")');
    await page.locator('input[id=name-input]').fill('TestBot');
    await page.locator('input[id=username-input]').fill('Freqtrader');
    await page.locator('input[id=password-input]').fill('SuperDuperBot');

    await page.route('**/api/v1/token/login', (route) => {
      return route.fulfill({
        status: 401,
        json: { access_token: 'access_token_tesst', refresh_token: 'refresh_test' },
        headers: { 'access-control-allow-origin': '*' },
      });
    });

    const loginButton = await page.locator('button[type=submit]');
    await expect(loginButton).toBeVisible();
    await expect(loginButton).toContainText('Submit');
    await expect(page.getByText('Name and Password are required.')).not.toBeVisible();
    await expect(page.getByText('Connected to bot, however Login failed,')).not.toBeVisible();
    await expect(page.getByText('Invalid Password')).not.toBeVisible();

    await Promise.all([loginButton.click(), page.waitForResponse('**/api/v1/token/login')]);
    await expect(page.getByText('Name and Password are required.')).toBeVisible();
    await expect(page.getByText('Invalid Password')).toBeVisible();
    await expect(page.getByText('Connected to bot, however Login failed,')).toBeVisible();
  });
});