CT: Update Search Results Page Content

dneel-bah commented 4 years ago

As a comparison tool user, I need the questions and content on the landing page of the tool to clearly communicate the information that is trying to be gathered, so I can accurately answer the questions to get the best results.

Assumptions:

This work is behind a prod flag.
This work is specific to non VETTEC search results.

Acceptance Criteria

The "Refine search" header label is replaced with: "Search by keyword"
Selecting an auto-complete value from the "Enter a school, employer name, city, or zip code" does not cause the search to automatically happen.
A "Search" button is added after the "Enter a school, employer name, city, or zip code" input. a. Clicking the search button will refresh the search results using the filter criteria and free text search.
The following content is added after the "Search" button and before the "Country" input:

Refine search

Make changes below to update your results:
The question "Select an institution [type]" answer "Employers only (OJT, apprenticeships)" is replaced with: "Employers (On-the-job training [OJT], apprenticeships)"
- Note: This will now match the landing page answer value
On mobile: a. Clicking the "Search" button collapses the filters panel and displays the search results. b. The "See Results" button label is replaced with "See Results (NN)" where NN is the current number of results based on the search and filter selections.
The "Institution categories" question label is replace with: "Type of school or employer"
The page matches the layout and structure as specified: a. In Supporting Artifact # 1 when viewed on a desktop device b. In Supporting Artifact # 2 when viewed on a mobile device

Note

Applicable e2e tests should be updated.

Supporting Artifacts:

Desktop Prototype v3 as of 09/23
Mobile Prototype v3 as of 09/23
Content Document v3 as of 09/23

desireeturner commented 4 years ago

We are going to wait to move forward with this work until #13363 (removal of feature flag that some of this functionality is behind) is complete. It has been added as a blocker.

ksantiagoBAH commented 3 years ago

PR: https://github.com/department-of-veterans-affairs/vets-website/pull/14580

delli-gatti-michael commented 3 years ago

Testrail test case: https://dsvavsp.testrail.io/index.php?/cases/view/1025

delli-gatti-michael commented 3 years ago

@department-of-veterans-affairs/uxbah This is on staging and ready for review

watersemma commented 3 years ago

Hey, looking good. Here are a few things I spotted:

Search by Keyword should be updated to H3
College search box margin should be updated from 3.2 px to 6px to match
Adjust alignment of 'Exclude results with warnings or closings' checkbox
Update 'programs' margin from 16 px to 24 px to match
Military details and housing allowance should each have a 12px margin to give more space after independent study.