JS Confirm

Alerts / Toasts / Modals Confirm Intermediate Must Have

Hands-on

Interactive Sandbox

Static partial

Try this

Open page
Interact control
Read result

Assert this

Visible elements
Text matches
Button state toggles

Dialogs / Confirm

JS Confirm

Confirm dialog with yes/no and result message.

Question Context Awaiting decision

Learning & behavior

User flow

Open page
Interact control
Read result

Learning objectives

Pick solid locators
Time waits
Assert state

Suggested assertions

Visible elements
Text matches
Button state toggles

Selector tips

Good

[data-test-id='js-confirm-primary']
[data-test-id='js-confirm-secondary']
[data-test-id='js-confirm-action']
[aria-label='JS Confirm']
getByRole('button', { name: 'Confirm' })

Fallback

section.js-confirm-container :nth-of-type(1)
.card.js_confirm button:nth-of-type(1)
form.js-confirm-form .field-group:nth-child(1)

Avoid

.mt-4.mb-2.flex.items-center > input:nth-child(1)
.css-1a2b3c4
div[class*='temp-'][class*='hover']

Notes

Some parts delay render
Icon buttons need aria-label
Layout classes may shift