Update test for action-reaction to check the text in the button has changed

This commit is contained in:
Marie Malarme 2021-03-02 21:13:41 +00:00 committed by Clément
parent 29f43a9816
commit 262087c687
1 changed files with 16 additions and 0 deletions

View File

@ -4,6 +4,10 @@ tests.push(async ({ eq, page }) => {
// check the initial class name of the eye left
const eyeLeft = await page.$eval('#eye-left', (node) => node.className)
eq(eyeLeft, 'eye')
const buttonText = await page.$eval('button', (node) => node.textContent)
// check that the text of the button says 'close'
eq(buttonText, 'Click to close the left eye')
})
tests.push(async ({ eq, page }) => {
@ -11,8 +15,14 @@ tests.push(async ({ eq, page }) => {
const button = await page.$('button')
button.click()
await page.waitForTimeout(150)
// check that the class has been added
const eyeLeft = await page.$eval('#eye-left', (node) => node.className)
eq(eyeLeft, 'eye eye-closed')
// check that the text of the button changed to 'open'
const buttonText = await page.$eval('button', (node) => node.textContent)
eq(buttonText, 'Click to open the left eye')
})
tests.push(async ({ eq, page }) => {
@ -20,6 +30,12 @@ tests.push(async ({ eq, page }) => {
const button = await page.$('button')
button.click()
await page.waitForTimeout(150)
// check that the class has been removed
const eyeLeft = await page.$eval('#eye-left', (node) => node.className)
eq(eyeLeft, 'eye')
const buttonText = await page.$eval('button', (node) => node.textContent)
// check that the text of the button changed to 'close'
eq(buttonText, 'Click to close the left eye')
})