CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-13 21:02:08 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(e2e, playwright): resolved mobile test failures preview.spec.ts (#52519)

Browse Source 
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Rahul Suresh 2023-12-28 10:34:51 -06:00 committed by GitHub
parent a0327517c2
commit de316c95bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
e2e/preview.spec.ts
View File

@ -1,4 +1,4 @@
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 }) => {
@ -27,9 +27,19 @@ test.describe('Challenge Preview Component', () => {
test('should render correct output of changed code', async ({
page,
browserName,
isMobile
}) => {
await page.getByLabel('Editor content').click();
// The editor has an overlay div, which prevents the click event from bubbling up in iOS Safari.
// This is a quirk in this browser-OS combination, and the workaround here is to use `.focus()`
// in place of `.click()` to focus on the editor.
// Ref: https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
if (isMobile && browserName === 'webkit') {
await page.getByLabel('Editor content').focus();
} else {
await page.getByLabel('Editor content').click();
}
await page.keyboard.insertText('<h1>FreeCodeCamp</h1>');
if (isMobile) {
await page