FEATURE - API - EXT - Enhance search results to show relevant node(s)

[theStiggySpd]

As a developer using Guided Answers extension, I want to see exact nodes which meets my search criteria, so that I I precisely know which node to navigate under a tree rather than tying everywhere

Description

• Currently, when we search, the result list view show list of all the Guided Answers tree which meets search criteria
• As a user, I have no information which branch/node to click once i am INSIDE a tree
• This US will help users to reach specific nodes directly without much guess work
• Taking example of GA web application, search for Request failed with the status code 400 And search result will highlight the node which is clickable and take the user directly
• The node title and the sentence in the Guided Answer content that matches the search criteria will display under the Tree title and description. Text matching the search criteria will be lightly highlighted or bolded as shown in the designs.
• Up to two inner nodes of a tree that match the search criteria will be displayed ( if there is two nodes) the user will be able show more if there is more nodes.
• There will be two toggles beside the filters whereby users can choose to see the search results in two view modes. One mode will show the trees and the nodes that match the search criteria fully expanded and the second mode will display just the trees that match the search criteria
• By default the trees and the subsequent node that match the search criteria will display

Visual Design

https://www.figma.com/file/XSZw3w81MYY0QPe1BoUcBO/Guided-Answers?node-id=0-1&t=DBvpIqLbgZKX3mRm-0

Technical Design

Needs inputs from both @Klaus-Keller and @JonWiens (Guided Answers API needs to be enhanced)

Acceptance Criteria

1. On entering search criteria all nodes/outcomes of a tree that that contain or match the search input will be displayed in the returned Guided Answer list. The nodes displayed will be limited to two.

2. On click of a node/outcome the user will be navigated to that specific node in the tree. No path will be shown as the user will not have navigated through the other nodes in the tree to arrive at that specific node.

3. On first load , If there are multiple nodes of tree that match the search input then only two will be displayed at first but the user can click to show more if there is more.

4. On click of view more results, all the nodes matching the search criteria will be displayed. The user won't be able to collapse individual trees but the user has the ability to collapse all trees and expand all trees.

5. On collapse of all trees just the trees display. Trees that have nodes matching the search input will have a View X more results within the tree description.

6. On click of the tree in the list the user will be navigated to the start of the tree.

7. Notes

   Tasks

   • [ ]
   • [ ] Unit Tests added
   • [ ] Test Cases defined

[gpeuc]

Updated the highlights, we are not doing brutal yellow ones. Found search query is bold (or if it's already bold, it just stays bold, like in the titles).

[carwelsh]

@unseen1980 - I updated the story regarding the different view modes.