When selecting some pages and clicking 'Unwatch', a confirmation dialog should be shown before the form is submitted.
- The remove button should be destructive in the no-JS interface.
- It should not be destructive when JS is enabled, and clicking the button will open a confirmation dialog.
Messages:
- Removal button and dialog title: Remove {{PLURAL:$1|page|pages}}
- Dialog body: Remove pages titled x, y, z and 10 others from your watchlist?
- Dialog body if no items are selected: Please select the pages to remove from your watchlist.
- Buttons: Cancel OK Remove
{F71524747}
Derived Requirement
Ensure that when a user attempts to remove watched pages on Special:EditWatchlist, the system clearly confirms the action before submission. The removal control must behave as destructive only in the no-JavaScript interface, while JavaScript-enabled interactions must present a confirmation dialog with accurate messaging based on the user’s selection.
Test Steps
Test Case 1: Ensure confirmation dialog appears when removing selected items with JavaScript enabled
- Navigate to Special:EditWatchlist with JavaScript enabled.
- Select one or more watched pages.
- Click the "Remove title" button.
- Observe the displayed dialog.
- ✅❓❌⬜ AC1: A confirmation dialog is shown with the correct title, body text listing selected pages (including pluralization when applicable), and the buttons Cancel, OK, and Remove.
Test Case 2: Ensure dialog messaging reflects multiple selected items
- On Special:EditWatchlist with JavaScript enabled, select multiple watched pages.
- Click the "Remove title" button.
- Observe the dialog body text.
- ✅❓❌⬜ AC2: The dialog body correctly lists selected page titles and summarizes additional pages using pluralized wording (for example, “and N others”).
Test Case 3: Ensure dialog message appears when no items are selected
- Navigate to Special:EditWatchlist with JavaScript enabled.
- Do not select any watched pages.
- Click the "Remove title" button.
- Observe the dialog content.
- ✅❓❌⬜ AC3: A dialog is displayed stating that no pages are selected and prompting the user to select pages to remove.
Test Case 4: Ensure remove button is destructive in no-JavaScript interface
- Navigate to Special:EditWatchlist with JavaScript disabled.
- Select one or more watched pages.
- Observe the styling and behavior of the remove button.
- Click the remove button.
- ✅❓❌⬜ AC4: The remove button is presented as destructive and submits the form directly without showing a confirmation dialog.
QA Results -Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T412792#11613158 |
| 2 | ✅ | T412792#11613158 |
| 3 | ✅ | T412792#11613158 |
| 4 | ✅ | T412792#11613158 |
