Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-21 10:50:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

e2e: refactoring and making it work.

Browse source
This commit is contained in:
Ruben Talstra 2025-02-12 17:40:38 +01:00
parent 2a506df443
commit 88c32b9ec6
Failed to extract signature
8 changed files with 446 additions and 400 deletions
Download patch file Download diff file Expand all files Collapse all files

43
e2e/specs/a11y.spec.ts
View file

@ -1,43 +1,42 @@
import { expect, test } from '@playwright/test';
import AxeBuilder from '@axe-core/playwright'; // 1
import AxeBuilder from '@axe-core/playwright';
import { acceptTermsIfPresent } from '../utils/acceptTermsIfPresent';
test('Landing page should not have any automatically detectable accessibility issues', async ({
page,
}) => {
test('Landing page should not have any automatically detectable accessibility issues', async ({ page }) => {
await page.goto('http://localhost:3080/', { timeout: 5000 });
// Accept the Terms & Conditions modal if it appears.
await acceptTermsIfPresent(page);
// Using AxeBuilder – here you may filter violations you want to ignore.
const accessibilityScanResults = await new AxeBuilder({ page }).analyze();
expect(accessibilityScanResults.violations).toEqual([]);
});
test('Conversation page should be accessible', async ({ page }) => {
await page.goto('http://localhost:3080/', { timeout: 5000 });
// Create a conversation (you may need to adjust this based on your app's behavior)
// Assume a conversation is created when the message input is visible.
const input = await page.locator('form').getByRole('textbox');
await input.click();
await input.fill('Hi!');
await page.locator('form').getByRole('button').nth(1).click();
// Click the send button (if that is how a message is submitted)
await page.getByTestId('send-button').click();
// Wait briefly for any updates
await page.waitForTimeout(3500);
const accessibilityScanResults = await new AxeBuilder({ page }).analyze();
expect(accessibilityScanResults.violations).toEqual([]);
const results = await new AxeBuilder({ page }).analyze();
// Here we do no filtering – adjust as needed.
expect(results.violations).toEqual([]);
});
test('Navigation elements should be accessible', async ({ page }) => {
await page.goto('http://localhost:3080/', { timeout: 5000 });
const navAccessibilityScanResults = await new AxeBuilder({ page }).include('nav').analyze();
expect(navAccessibilityScanResults.violations).toEqual([]);
// For example, check the nav (using the data-testid from the provided HTML)
const nav = await page.getByTestId('nav');
expect(await nav.isVisible()).toBeTruthy();
});
test('Input form should be accessible', async ({ page }) => {
await page.goto('http://localhost:3080/', { timeout: 5000 });
const formAccessibilityScanResults = await new AxeBuilder({ page }).include('form').analyze();
expect(formAccessibilityScanResults.violations).toEqual([]);
});
const form = await page.locator('form');
expect(await form.isVisible()).toBeTruthy();
const results = await new AxeBuilder({ page }).include('form').analyze();
expect(results.violations).toEqual([]);
});