1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80{
"Add a todo 'Buy groceries'": {
"actions": [
{
"method": "fill",
"selector": "internal:role=textbox[name=\"What needs to be done?\"i]",
"text": "Buy groceries",
"submit": true,
"code": "await page.getByRole('textbox', { name: 'What needs to be done?' }).fill('Buy groceries');\nawait page.keyboard.press('Enter');"
}
]
},
"Click the checkbox next to the todo": {
"actions": [
{
"method": "click",
"selector": "internal:role=checkbox[name=\"Toggle Todo\"i]",
"options": {},
"code": "await page.getByRole('checkbox', { name: 'Toggle Todo' }).click();"
}
]
},
"Counter shows '0 items left'": {
"actions": [
{
"method": "expectVisible",
"selector": "internal:text=\"0 items left\"i",
"code": "await expect(page.getByText('0 items left')).toBeVisible();"
}
]
},
"Counter shows '1 item left'": {
"actions": [
{
"method": "expectVisible",
"selector": "internal:text=\"1 item left\"i",
"code": "await expect(page.getByText('1 item left')).toBeVisible();"
}
]
},
"The 'Clear completed' button appears in the footer": {
"actions": [
{
"method": "expectVisible",
"selector": "internal:role=button[name=\"Clear completed\"i]",
"code": "await expect(page.getByRole('button', { name: 'Clear completed' })).toBeVisible();"
}
]
},
"The checkbox is checked": {
"actions": [
{
"method": "expectValue",
"selector": "internal:role=checkbox[name=\"Toggle Todo\"i]",
"type": "checkbox",
"value": "true",
"code": "await expect(page.getByRole('checkbox', { name: 'Toggle Todo' })).toBeChecked({ checked: true });"
}
]
},
"The page loads with an empty todo list": {
"actions": [
{
"method": "expectVisible",
"selector": "internal:role=list[name=\"Todo List\"i]",
"isNot": true,
"code": "await expect(page.getByRole('list', { name: 'Todo List' })).not.toBeVisible();"
}
]
},
"The todo appears as active": {
"actions": [
{
"method": "expectVisible",
"selector": "internal:text=\"Buy groceries\"i",
"code": "await expect(page.getByText('Buy groceries')).toBeVisible();"
}
]
}
}