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`
{F71523783}
{F71524747}
{F71568556}
---
**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**
1. Navigate to Special:EditWatchlist with JavaScript enabled.
2. Select one or more watched pages.
3. Click the "Remove title" button.
4. Observe the displayed dialog.
5. ✅❓❌⬜ **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**
1. On Special:EditWatchlist with JavaScript enabled, select multiple watched pages.
2. Click the "Remove title" button.
3. Observe the dialog body text.
4. ✅❓❌⬜ **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**
1. Navigate to Special:EditWatchlist with JavaScript enabled.
2. Do not select any watched pages.
3. Click the "Remove title" button.
4. Observe the dialog content.
5. ✅❓❌⬜ **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**
1. Navigate to Special:EditWatchlist with JavaScript disabled.
2. Select one or more watched pages.
3. Observe the styling and behavior of the remove button.
4. Click the remove button.
5. ✅❓❌⬜ **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#11570807
| 2 | ❓|T412792#11570807
| 3 | ✅|T412792#11570807
| 4 | ❓|T412792#11570807