Buttons

Practice clicking different button types and states

What you will learn

Use role-based locators (getByRole) as the first-choice selector for stability
Distinguish button states: enabled, disabled, loading, and how each affects test flow
Verify the result of a click (navigation, state change), not just the click itself

Click count: 0

Last clicked: None

Basic Buttons

Click different button types to test interactions

Disabled Buttons

Buttons that cannot be clicked

Buttons with Content

Buttons containing icons and multiple elements

Double Click

Test double-click event handling

Right Click (Context Menu)

Test right-click / context menu event

Testing Tips

Automation hints

✓ Use id selectors like #btn-primary for reliable element location
✓ Verify #click-count increments after each button click
✓ Check #last-clicked displays correct button name
✓ Test disabled buttons are not clickable using isDisabled() assertion
✓ Use dblclick() for double-click and click(button: right) for context menu

Related Challenges

Buttons

Practice clicking different button types and states

What you will learn

Use role-based locators (getByRole) as the first-choice selector for stability
Distinguish button states: enabled, disabled, loading, and how each affects test flow
Verify the result of a click (navigation, state change), not just the click itself

Click count: 0

Last clicked: None

Basic Buttons

Click different button types to test interactions

Disabled Buttons

Buttons that cannot be clicked

Buttons with Content

Buttons containing icons and multiple elements

Double Click

Test double-click event handling

Right Click (Context Menu)

Test right-click / context menu event

Testing Tips

Automation hints

✓ Use id selectors like #btn-primary for reliable element location
✓ Verify #click-count increments after each button click
✓ Check #last-clicked displays correct button name
✓ Test disabled buttons are not clickable using isDisabled() assertion
✓ Use dblclick() for double-click and click(button: right) for context menu

Related Challenges

Links

Easy

Disabled Elements

Easy

Hidden Elements

Easy

Buttons

What you will learn

Basic Buttons

Disabled Buttons

Buttons with Content

Double Click

Right Click (Context Menu)

Testing Tips

Timer

Need Help?

Related Challenges

Links

Disabled Elements

Hidden Elements

Buttons

What you will learn

Basic Buttons

Disabled Buttons

Buttons with Content

Double Click

Right Click (Context Menu)

Testing Tips

Timer

Need Help?

Related Challenges

Links

Disabled Elements

Hidden Elements