mirror of https://github.com/01-edu/public.git
1 changed files with 46 additions and 0 deletions
@ -0,0 +1,46 @@ |
|||||||
|
export const tests = [] |
||||||
|
|
||||||
|
tests.push(async ({ eq, page }) => { |
||||||
|
// check the class words has been added in the CSS
|
||||||
|
await eq.css('.words', { textAlign: 'center', fontFamily: 'sans-serif' }) |
||||||
|
}) |
||||||
|
|
||||||
|
tests.push(async ({ eq, page }) => { |
||||||
|
// check the torso element is initially empty
|
||||||
|
const isEmpty = await page.$eval('#torso', (node) => !node.children.length) |
||||||
|
eq(isEmpty, true) |
||||||
|
}) |
||||||
|
|
||||||
|
tests.push(async ({ eq, page }) => { |
||||||
|
// click on the button
|
||||||
|
const button = await page.$('button#speak-button') |
||||||
|
await button.click() |
||||||
|
|
||||||
|
// check a new text element is added in the torso
|
||||||
|
const torsoChildren = await page.$eval('#torso', (node) => |
||||||
|
[...node.children].map((child) => ({ |
||||||
|
tag: child.tagName, |
||||||
|
text: child.textContent, |
||||||
|
class: child.className, |
||||||
|
})), |
||||||
|
) |
||||||
|
eq(torsoChildren, [textNode]) |
||||||
|
}) |
||||||
|
|
||||||
|
tests.push(async ({ eq, page }) => { |
||||||
|
// click a second time on the button
|
||||||
|
const button = await page.$('button#speak-button') |
||||||
|
await button.click() |
||||||
|
|
||||||
|
// check a second new text element is added in the torso
|
||||||
|
const torsoChildren = await page.$eval('#torso', (node) => |
||||||
|
[...node.children].map((child) => ({ |
||||||
|
tag: child.tagName, |
||||||
|
text: child.textContent, |
||||||
|
class: child.className, |
||||||
|
})), |
||||||
|
) |
||||||
|
eq(torsoChildren, [textNode, textNode]) |
||||||
|
}) |
||||||
|
|
||||||
|
const textNode = { tag: 'DIV', text: 'Hello there!', class: 'words' } |
Loading…
Reference in new issue