Modal, Backdrop & Toast
Panel 9+11 of the Lightning-Pattern POC page (mockapps/salesforce): a modal record-creation flow with a backdrop, followed by a TRANSIENT success toast (2.5s) that is removed from the DOM on its own. POC: open New Contact, enter values, Save, verify the modal closes and the success toast appears then disappears. The Save click uses PostWaitTime:0Sec -- the default click waits 2s after clicking, which would eat most of the toast lifetime.
| # | Action | Window / Method | Object | Value | Aux 1 | Aux 2 |
|---|---|---|---|---|---|---|
| 1 | Call User Method | fLaunchWebApplication | autSalesforce | <NONE> | ||
| 2 | Enter comment for Logs | Comment Name=Modal / Backdrop + Transient Toast | Brief Description=Open New Contact, enter values, Save, verify the modal closes and the success toast appears then disappears | Expected Result=Modal and backdrop exist only while open; values accepted; after Save both are gone; the toast appears with the success text and then removes itself | ||
| 3 | CHECK Property - Equals(CaseFalse) | sfModalToast | winModalBox | false | Prop:Exist | |
| 4 | Verify no modal exists before it is opened | |||||
| 5 | Set Value | sfModalToast | btnNewContact | {click} | ||
| 6 | CHECK Property - Equals(CaseFalse) | sfModalToast | winModalBox | true | Prop:Visible | |
| 7 | Verify the New Contact modal opened | |||||
| 8 | CHECK Property - Equals(CaseFalse) | sfModalToast | winModalBox | true | Prop:aria-modal | |
| 9 | Verify the dialog declares itself modal (aria-modal) | |||||
| 10 | CHECK Property - Equals(CaseFalse) | sfModalToast | divBackdrop | true | Prop:Visible | |
| 11 | Verify the backdrop is showing behind the modal | |||||
| 12 | Set Value | sfModalToast | edtFirstName | Alex | ||
| 13 | Set Value | sfModalToast | edtLastName | Morgan | ||
| 14 | CHECK Value - Equals(CaseFalse) | sfModalToast | edtFirstName | Alex | ||
| 15 | Verify First Name was entered inside the modal | |||||
| 16 | CHECK Value - Equals(CaseFalse) | sfModalToast | edtLastName | Morgan | ||
| 17 | Verify Last Name was entered inside the modal | |||||
| 18 | Set Value | sfModalToast | btnSave | {click} | PostWaitTime:0Sec | |
| 19 | CHECK Property - Equals(CaseFalse) | sfModalToast | lblToast | Contact was created | Prop:text | |
| 20 | Verify the success toast appeared with the success message | |||||
| 21 | CHECK Property - Equals(CaseFalse) | sfModalToast | winModalBox | false | Prop:Exist | |
| 22 | Verify Save closed the modal | |||||
| 23 | CHECK Property - Equals(CaseFalse) | sfModalToast | divBackdrop | false | Prop:Exist | |
| 24 | Verify the backdrop was removed with the modal | |||||
| 25 | CHECK Property - Equals(CaseFalse) | sfModalToast | lblToast | false | Prop:Exist | |
| 26 | Verify the transient toast disappeared on its own (polled until gone, not a fixed sleep) |
READY TO SEE THE EVIDENCE?
Request a DemoSee whether TA STUDIO fits your enterprise applications.
A focused walkthrough grounded in the applications your team tests.