Add a new button beside the "remove page" button that says "assign label"
The new button should be disabled unless one or more checkboxes is clicked, with a hover state saying "please select one or more watched items you want to assign labels to"
When the new button is clicked, if one or more checkboxes are clicked, show a modal containing
- all labels with checkboxes beside them
- text saying "select the labels you want assigned to ..." and then a list of the first 3 page titles, plus the number of other pages that will be affected
- an "assign" button to confirm the assignment
- a "cancel" button for closing the modal without action
Actually assigning the labels is covered by the parent task
Derived Requirement
Ensure that users can initiate label assignment for watched pages via a dedicated Assign label action that is conditionally enabled based on selection state. When activated with one or more selected items, the system must present a modal that allows users to select labels and confirm or cancel the assignment. The feature must provide clear feedback when no items are selected and must not perform any label assignment unless explicitly confirmed by the user.
Test Steps
Test Case 1: Assign Label Button Disabled When No Items Are Selected
Preconditions
- The user has access to a list of watched pages that support bulk actions.
- No checkboxes are selected.
- Navigate to the page containing the list of watched items.
- Locate the Assign label button next to the Remove page button.
- Hover over the Assign label button.
- Attempt to click the Assign label button.
- ✅❓❌⬜ AC1: Confirm that the Assign label button is disabled when no checkboxes are selected and that hovering displays the message “please select one or more watched items you want to assign labels to”.
Test Case 2: Enable Assign Label Button When One or More Items Are Selected
Preconditions
- Same as Test Case 1.
- Select one watched item using its checkbox.
- Observe the state of the Assign label button.
- Select multiple watched items using their checkboxes.
- Observe the button state again.
- ✅❓❌⬜ AC2: Confirm that the Assign label button becomes enabled when one or more watched items are selected.
Test Case 3: Display Assign Labels Modal with Correct Content
Preconditions
- One or more watched items are selected.
- Click the enabled Assign label button.
- Observe the modal that appears.
- Review the contents of the modal.
- ✅❓❌⬜ AC3: Confirm that the modal displays a list of all available labels with checkboxes, includes instructional text indicating labels will be assigned to the selected items, shows the first three selected page titles with a count of additional affected pages if applicable, and provides both Assign and Cancel buttons.
Test Case 4: Cancel Assign Labels Modal Without Action
Preconditions
- The Assign Labels modal is open.
- Click the Cancel button in the modal.
- Observe the state of the page after the modal closes.
- ✅❓❌⬜ AC4: Confirm that the modal closes without performing any label assignment and that the selection state of watched items remains unchanged.
Test Case 5: Confirm Assign Action Triggers Label Assignment Flow
Preconditions
- The Assign Labels modal is open.
- One or more labels are selected in the modal.
- Select one or more label checkboxes in the modal.
- Click the Assign button.
- Observe the immediate system response.
- ✅❓❌⬜ AC5: Confirm that clicking Assign initiates the label assignment confirmation flow and closes the modal, without errors or unintended side effects.
QA Results -Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | Pass per T411611#11498358 |
| 2 | ✅ | T411611#11498186 |
| 3 | ✅ | T411611#11498186 |
| 4 | ✅ | T411611#11498186 |
| 5 | ✅ | Pass per T411611#11498358 |
