Agent Item Interaction

[kgpoj]

Overview

The user should be able to interact with the agent item, including adding a new resource or deleting an existing resource, so that the user can manage the agent

UI

In Scope

• [x] Popover UI
• [x] Interactions for adding resource
• [x] Interactions for deleting resource
• [x] A backend for modifying data

Out of Scope

• Interaction with Deny button
• Interaction with database

Test Strategy

Delete resource

• [x] When hovering over the trash icon of an existing resource, the cursor changes to the pointer style and the trash turns red
• [x] When clicking the trash icon, the corresponding resource should disappear

  Popover

• [x] When clicking the + button, a popover should appear
• [x] The popover should be closed by clicking the X button in the upper right corner, clicking outside or clicking Add Resource/Cancel button
• [x] After typing in some resource names, close and reopen popover. The added resources should be cleared

  Resource Name Input

• [x] There should be a prompt above the input box that says: Separate multiple resource name with commas.
• [x] The input box should have a placeholder that says: Valid Resources: Firefox, Safari, Ubuntu, Chrome.
• [ ] When entering characters other than English letters and commas, the prompt Please enter commas for separation should be displayed below
• [x] When the first few letters of a valid resource name are entered, a hint for the remaining letters should be displayed, and when the tab or right arrow key is pressed, it should be automatically completed.
• [x] When entering an invalid resource name, add click Add Resources button, the prompt Valid Resources: Firefox, Safari, Ubuntu, Chrome should be displayed below
• [x] Resource names should be case insensitive

  Add Resource

• [x] When clicking the Add Resources button, all the selected resources should be displayed in the agent item

Questions

• Modify values in context