01

Scenario: Viewing Staff Members in the Staff Tab
GIVEN I am in the "Staff" tab,
WHEN I view the list of staff members,
THEN I should see staff separated by their respective teams (Default Team, Analytics Team, Marketing Department, HR, Development),
AND each row should display the name, position, phone number, and email of the staff member,
AND if any information is missing, a "-" should be shown in the corresponding cell.

02

Scenario: Adding a New Staff Member
GIVEN I am in the "Staff" tab,
WHEN I click the "Add Contact" button,
THEN a form should appear allowing me to enter details for a new staff member,
AND after submission, the new member should be added to the appropriate team section.

03

Scenario: Editing a Staff Member’s Information
GIVEN I am viewing the "Staff" tab,
WHEN I click the "Edit" button next to a staff member’s details,
THEN I should be able to modify their information,
AND the changes should be saved and reflected immediately upon submission.

04

Scenario: Deleting a Staff Member
GIVEN I am in the "Staff" tab,
WHEN I click the "Delete" button next to a staff member’s details,
THEN I should receive a confirmation prompt,
AND upon confirming, the staff member should be removed from the list.

05

Scenario: Displaying Icons Next to Position, Phone Number, and Email
GIVEN I am viewing the "Staff" tab,
WHEN I look at the columns for position, phone number, and email,
THEN I should see icons next to these fields as per the design specifications,
AND these icons should enhance the visual distinction of the information.