ITX-9 Shopify Enhancement - Covered Areas

Story brief

As a user, I should be able to select provinces to auto select cities so that it would be easier for me to set up the covered areas of a hub.

Owner: Christopher Bryan Rabang

Points: 5

Points reference story: <story pointing reference>

Acceptance Criteria

Description	Status
There should be a checkbox beside each province in the dropdown list. Clicking the checkbox will auto-select cities under that province.
Upon clicking the checkbox beside a province, the province and the cities under that province will be removed from the list and the cities will appear in the textfield of covered areas per hub.
The user should still be able to remove cities as part of covered areas of a hub by clicking an “x” button beside the name of the city.
Upon removing a city from the textfield of covered areas of a hub, the city will be available again in the dropdown list and should appear again under its province.
The user shall still be able to select cities by searching the name of the city and pressing the enter button of a keyboard or clicking the name of the city.
Selecting “Nationwide” in the list will removed all provinces and cities from the list and all cities from all provinces will appear in the textfield of covered areas of a hub.
Upon selecting a city that has the same name as other cities from other provinces, the city should appear in the textfield of covered areas of a hub in a certain format to indicate from what province does the selected city belong. Format: “City - Province” i.e: San Juan - La Union, San Juan - Metro Manila, San Juan - Batangas

Scope

• Scenario 1: Auto Select Cities
  GIVEN the dropdown list when selecting the covered areas of a hub
  WHEN the user selects a province by clicking a checkbox beside the name of the province
  THEN the province and all cities under that province will be removed from the list
  AND the cities from the selected province will appear in the textfield of covered areas of a hub.

• Scenario 2: Unselect city
  GIVEN a city that is included in the covered areas of a hub
  WHEN the user clicks on the “x”button beside the name of the city
  THEN the city will be removed from the covered areas
  AND will appear in the dropdown list under the province where that city belongs

Task

Task bullet with estimate

• Documentation (1h)
• Code Review (2h)
• Test script creation ()
• Test script review (1h)
• Test script execution
• Functional Testing (1h)
• UI Implementation (12)
• Backend Implementation  (12h)

Total hrs:

Functional Documentation

A high-level step by step for a user to use this feature

1.  Upon installation, in Step 1, the user can now select per province using the checkbox.  The cities that has the same name under different province will display the province in the selected box. 

Definition of Done

Notable Remarks:

Detailed remarks in bullet if any