jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2025-12-19 10:07:46 -05:00
Code Issues Projects Releases Wiki Activity

fix(e2e, playwright): resolved mobile test failure on editor-tabs.spec.ts (#52454)

Browse Source
This commit is contained in:
Rahul Suresh
2023-12-05 18:56:25 -06:00
committed by GitHub
parent 5acc65214e
commit ab8ce12e05
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
e2e/editor-tabs.spec.ts
View File

@@ -1,4 +1,5 @@
import { test, expect } from '@playwright/test';
import { expect, test } from '@playwright/test';
import translations from '../client/i18n/locales/english/translations.json';
test.beforeEach(async ({ page }) => {
await page.goto(
@@ -6,12 +7,21 @@ test.beforeEach(async ({ page }) => {
);
});
test('should toggle editor visibility correctly', async ({ page }) => {
test('should toggle editor visibility correctly', async ({
page,
isMobile
}) => {
const htmlTabToggle = page.getByRole('button', { name: 'index.html Editor' });
const cssTabToggle = page.getByRole('button', { name: 'styles.css Editor' });
const htmlTab = page.getByTestId('editor-container-indexhtml');
const cssTab = page.getByTestId('editor-container-stylescss');
if (isMobile) {
const codeButton = page.getByRole('tab', {
name: translations.learn['editor-tabs'].code
});
await codeButton.click();
}
await expect(htmlTabToggle).toBeVisible();
// HTML tab is opened by default
await expect(htmlTabToggle).toHaveAttribute('aria-expanded', 'true');