- Add delete button to top of label list.
- One or more labels can be selected for deletion. The label name should be the checkbox's associated <label> (i.e. clicking on it toggles the checkbox).
- The confirmation page should show each label and a count of how many watchlist items it's assigned to.
Derived Requirement
Add a delete button to the top of the watchlist labels list, allowing users to select one or more labels for deletion.
Each label must have an associated <label> element so that clicking the label text toggles the checkbox.
After selecting labels and clicking Delete, users must be shown a confirmation page listing each selected label along with the count of watchlist items assigned to each.
Users must be able to confirm or cancel the deletion.
Test Steps
Test Case 1: Verify delete button appears at the top of the label list
- Navigate to *Special:WatchlistLabels*.
- Inspect the top of the list.
- ✅❓❌⬜ AC1: Confirm that a Delete button is present above the list of labels.
Test Case 2: Verify labels have associated <label> elements that toggle checkboxes
- Navigate to *Special:WatchlistLabels*.
- Click the text of any label name.
- Observe the associated checkbox.
- ✅❓❌⬜ AC2: Confirm that clicking the label text toggles the checkbox correctly.
Test Case 3: Verify selecting one or more labels and clicking Delete leads to a confirmation page
- Navigate to *Special:WatchlistLabels*.
- Select one or more label checkboxes.
- Click the Delete button.
- ✅❓❌⬜ AC3: Confirm the system takes the user to a confirmation page listing each selected label.
Test Case 4: Verify confirmation page includes count of watchlist items assigned to each selected label
- On the confirmation page from Test Case 3, inspect the listed labels.
- Review the item count shown next to each label.
- ✅❓❌⬜ AC4: Confirm each label displays an accurate count of assigned watchlist items.
Test Case 5: Verify user can confirm deletion
- On the confirmation page, click the Confirm/Delete action.
- Return to *Special:WatchlistLabels*.
- ✅❓❌⬜ AC5: Confirm the selected labels are removed from the list.
Test Case 6: Verify user can cancel deletion
- On the confirmation page, click Cancel.
- Return to *Special:WatchlistLabels*.
- ✅❓❌⬜ AC6: Confirm the selected labels remain unchanged in the list.
Test Case 7: Verify functionality in Mobile
- Repeat same steps as above but with the Minerva skin
- ✅❓❌⬜ AC7: Confirm design and functionality on Mobile.
QA Results - Meta Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T409143#11456289 |
| 2 | ✅ | T409143#11456289 |
| 3 | ✅ | T409143#11456289 |
| 4 | ⬜ | T409143#11456307 |
| 5 | ✅ | T409143#11456289 |
| 6 | ✅ | T409143#11456289 |
| 7 | ✅ | T409143#11456289 |
