60 lines
2.0 KiB
TypeScript
60 lines
2.0 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
import translations from '../client/i18n/locales/english/translations.json';
|
|
|
|
const course =
|
|
'/learn/javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code';
|
|
const editorPaneLabel =
|
|
'Editor content;Press Alt+F1 for Accessibility Options.';
|
|
|
|
test.use({ storageState: 'playwright/.auth/certified-user.json' });
|
|
|
|
test('User can interact with the app using the keyboard', async ({
|
|
page,
|
|
browserName
|
|
}) => {
|
|
test.skip(
|
|
browserName === 'webkit',
|
|
'Failing on webkit for no apparent reason. Can not reproduce locally.'
|
|
);
|
|
|
|
// Enable keyboard shortcuts
|
|
await page.goto('/settings');
|
|
const keyboardShortcutGroup = page.getByRole('group', {
|
|
name: translations.settings.labels['keyboard-shortcuts']
|
|
});
|
|
await keyboardShortcutGroup
|
|
.getByRole('button', { name: translations.buttons.on, exact: true })
|
|
.click();
|
|
|
|
await page.goto(course);
|
|
|
|
await expect(page.getByLabel(editorPaneLabel)).toBeFocused();
|
|
await page.getByLabel(editorPaneLabel).press('Escape');
|
|
await expect(page.getByLabel(editorPaneLabel)).not.toBeFocused();
|
|
|
|
await page.keyboard.press('n');
|
|
const nextCourse = '**/declare-javascript-variables';
|
|
await page.waitForURL(nextCourse);
|
|
// Ensure that the page content is loaded before simulating user interactions.
|
|
await expect(
|
|
page.getByRole('heading', { name: 'Declare JavaScript Variables' })
|
|
).toBeVisible();
|
|
|
|
await page.keyboard.press('p');
|
|
const previousCourse = '**/comment-your-javascript-code';
|
|
await page.waitForURL(previousCourse);
|
|
// Ensure that the page content is loaded before simulating user interactions.
|
|
await expect(
|
|
page.getByRole('heading', { name: 'Comment Your JavaScript Code' })
|
|
).toBeVisible();
|
|
|
|
await page.keyboard.press('e');
|
|
await expect(page.getByLabel(editorPaneLabel)).toBeFocused();
|
|
|
|
await page.keyboard.press('Control+Enter');
|
|
await expect(page.getByText('running test')).toBeVisible();
|
|
|
|
// Show shortcuts (shift+/) is covered by the shortcuts-modal tests
|
|
});
|