sparrowapp-dev / sparrow-app

Your next-gen API testing and development tool.
https://sparrowapp.dev
GNU Affero General Public License v3.0
52 stars 31 forks source link

Tour Guide - Add New Flow Trigger #1641

Open Monika-APM opened 1 week ago

Monika-APM commented 1 week ago

Description : User should be able to get the guidance of using test flows in Sparrow application. Tour guide will help user to navigate the steps & start adding new test flows.

Figma/SS : NA

Acceptance criteria 1:[Trigger point] Given User wants to explore test flows When User clicks on Add New Flow button in test flows Then User should be able to add the test flow & at the RHS default screen will appear, from Add Block the tour guide will start with the first tool tip with pulse effect on Add Block. There should be n option of next button, if user clicks on next button he should be redirected to the next step.

image

Acceptance criteria 2:[Block added] Given User adds the block When User clicks on select an API request dropdown Then User should be able to see the pulse effect on Select an API Request dropdown & block added message will be shown to him.

image

Acceptance criteria 3: [Select an API request dropdown] Given User wants to select an API request When User clicks on select an API request dropdown Then User should be able to see the list of collection & folders available & if the user is new & doesn't have any collections or folders added than he should be given an option to select the sample API request.

image

Acceptance criteria 4: [Run test flow] Given User wants to run the created test flow When User clicks selected an API request Then User should be able to see the pulse effect on Run button with a message as shown in screenshot.

image

Acceptance criteria 5: [Congratulations message] Given User performs all the steps of test flows in tour guide When User clicks on run button Then User should be able to get the response of the test flows & at RHS congratulations message should be shown. If the user clicks on done button then the message should disapper.

image

Note :

  1. In any of the steps of tour guide, if user clicks on X icon then the tour guide should stop from that step itself user should not be able to see the further steps.
  2. User should not be able to click on any other feature till then he close the tour guide.
  3. The tour guide will be shown once only when user uses the test flows for the first time.