mirror of
https://github.com/RealKai42/qwerty-learner.git
synced 2026-04-05 06:19:08 +08:00
b47fd0a8c2
* docs: update README, add deploy to vercel * docs: update README * feat: add e2e tests * feat: add main feature e2e tests with playwright * fix: ci env value and update gitignore * fix: ci job conditions for execution * chore: merge from main --------- Co-authored-by: KaiyiWing <Zhang.kaiyi42@gmail.com>
122 lines
4.2 KiB
TypeScript
122 lines
4.2 KiB
TypeScript
import { test, expect, Page } from '@playwright/test'
|
|
|
|
const pressWord = async (page: Page, word: string) => {
|
|
const letters = word.split('')
|
|
for (const letter of letters) {
|
|
await page.keyboard.press(letter)
|
|
}
|
|
}
|
|
|
|
const pressWords = async (page: Page, words: string[]) => {
|
|
for (const word of words) {
|
|
await pressWord(page, word)
|
|
await page.waitForTimeout(300)
|
|
}
|
|
}
|
|
|
|
test.describe('Practice', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
test.slow()
|
|
await page.goto('/')
|
|
await page.getByLabel('关闭提示').click()
|
|
})
|
|
|
|
test('Press any key to start', async ({ page }) => {
|
|
await expect(await page.getByText('按任意键开始').isVisible()).toBeTruthy()
|
|
|
|
await page.keyboard.press('Enter')
|
|
await page.waitForTimeout(300)
|
|
await expect(await page.locator('p').getByText('按任意键开始').isHidden()).toBeTruthy()
|
|
})
|
|
|
|
test('Enter the correct word', async ({ page }) => {
|
|
await page.keyboard.press('Enter')
|
|
|
|
await pressWord(page, 'cancel')
|
|
|
|
await page.locator('div', { hasText: '正确率' }).locator('span', { hasText: '100' }).click()
|
|
|
|
// auto show next word: explosive
|
|
await expect(await page.locator('span', { hasText: /^e$/ }).first().isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^x$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^p$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^l$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^o$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^s$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^i$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^v$/ }).isVisible()).toBeTruthy()
|
|
await expect(await page.locator('span', { hasText: /^e$/ }).last().isVisible()).toBeTruthy()
|
|
})
|
|
|
|
test('Enter the wrong word', async ({ page }) => {
|
|
await page.keyboard.press('Enter')
|
|
|
|
await pressWord(page, 'canca')
|
|
|
|
await page.locator('div', { hasText: '输入数' }).locator('span', { hasText: /^5$/ }).first().click()
|
|
await page.locator('div', { hasText: '正确数' }).locator('span', { hasText: /^4$/ }).first().click()
|
|
await page.waitForTimeout(500)
|
|
await page.locator('div', { hasText: '正确率' }).locator('span', { hasText: /^80$/ }).click()
|
|
})
|
|
|
|
test('Enter the correct letter, should show green color', async ({ page }) => {
|
|
await page.keyboard.press('Enter')
|
|
|
|
await page.keyboard.press('c')
|
|
await expect(page.locator('span', { hasText: /^c$/ }).first()).toHaveClass(/text-green-600/)
|
|
|
|
await page.keyboard.press('a')
|
|
await expect(page.locator('span', { hasText: /^a$/ })).toHaveClass(/text-green-600/)
|
|
|
|
await page.keyboard.press('n')
|
|
await expect(page.locator('span', { hasText: /^n$/ })).toHaveClass(/text-green-600/)
|
|
})
|
|
|
|
test('Enter the wrong letter, should show red color', async ({ page }) => {
|
|
await page.keyboard.press('Enter')
|
|
await expect(page.locator('span', { hasText: /^c$/ }).first()).toHaveClass(/text-gray-600/)
|
|
|
|
await page.keyboard.press('a')
|
|
await expect(page.locator('span', { hasText: /^c$/ }).first()).toHaveClass(/text-red-600/)
|
|
|
|
await page.waitForTimeout(500)
|
|
await expect(page.locator('span', { hasText: /^c$/ }).first()).toHaveClass(/text-gray-600/)
|
|
})
|
|
|
|
test('Complete the exercises for 1 chapter, enter the next chapter', async ({ page }) => {
|
|
await page.keyboard.press('Enter')
|
|
|
|
const chapter1 = [
|
|
'cancel',
|
|
'explosive',
|
|
'numerous',
|
|
'govern',
|
|
'analyse',
|
|
'discourage',
|
|
'resemble',
|
|
'remote',
|
|
'salary',
|
|
'pollution',
|
|
'pretend',
|
|
'kettle',
|
|
'wreck',
|
|
'drunk',
|
|
'calculate',
|
|
'persistent',
|
|
'sake',
|
|
'conceal',
|
|
'audience',
|
|
'meanwhile',
|
|
]
|
|
|
|
await pressWords(page, chapter1)
|
|
|
|
await expect(await page.getByText('100%').isVisible()).toBeTruthy
|
|
await expect(await page.getByText('表现不错！全对了！').isVisible()).toBeTruthy()
|
|
|
|
await page.getByRole('button', { name: '下一章节' }).click()
|
|
|
|
await expect(await page.getByText('第 2 章').first().isVisible()).toBeTruthy()
|
|
})
|
|
})
|