Automattic
Make each interactivity step work with Tour step buttons
Goal
Depends on https://github.com/Automattic/sensei/issues/7446
Initially, we implement the interactivity using dummy buttons here https://github.com/Automattic/sensei/issues/7446. In this step, we make them work using the actual buttons on the Tour.
Update:
During working on implementing the structure (https://github.com/Automattic/sensei/issues/7444) using Tour Kit, noticed that it's probably not straightforward to detect the current step when using the WPcom variant of toolkit. We may need to come up with a way to use it.
My initial thought is to create a simple wrapper in Sensei, and using that instead of WPcomtourkit wrapper, but inside our wrapper, we'll still use WPcom variant's Step component. So our task will hopefully be very small and simple.
Another way is to make an update in the calypso package with a callback to reliably determine the current step in use and re-publish the NPM package. We'll use this updated package for this task.
Context [Optional]
Tour buttons on the Tour Modal -
Scope
- Creating a wrapper or updating the tour-kit package (or find another way to reliably determine the current step that's rendered)
- Making sure each part of the interactivity works as before
- Removing any temporary UI element we had in https://github.com/Automattic/sensei/issues/7446
Out of Scope
- NA
Acceptance Criteria
Scenario: When clicking next Given I am taking the Tour When I click on the button to go to the next step Then The interactivity of the next step should take place
Scenario: When clicking Back Given I have taken the tour and I am on the last step When I click on Back Then Each step's interactivity takes place.
Resources
No response
