Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GuidedTours: Add themes tour #6472

Merged
merged 5 commits into from
Jul 26, 2016
Merged

GuidedTours: Add themes tour #6472

merged 5 commits into from
Jul 26, 2016

Conversation

ehg
Copy link
Member

@ehg ehg commented Jul 1, 2016

A basic themes tour. Used to help us develop the GuidedTours framework. Initially, we'll just push this out into wpcalypso, to get some more eyes on the steps, their flow, and their content.

themes-1

TODO:-

  • Only enable for development and wpcalypso

Test via: http://calypso.localhost:3000/design/[somesite]?tour=themes

Test live: https://calypso.live/?branch=add/themes-tour

@ehg
Copy link
Member Author

ehg commented Jul 4, 2016

Rebased.

@ehg
Copy link
Member Author

ehg commented Jul 14, 2016

'Rebased'

@ehg ehg force-pushed the add/themes-tour branch from 12532ea to f215056 Compare July 18, 2016 17:38
@ehg
Copy link
Member Author

ehg commented Jul 18, 2016

Rebased against master.

@ehg ehg force-pushed the add/themes-tour branch from f215056 to 7318d7d Compare July 20, 2016 11:52
@ehg
Copy link
Member Author

ehg commented Jul 20, 2016

Rebased again :P /cc @lsinger @mcsf

@ehg ehg force-pushed the add/themes-tour branch 2 times, most recently from 9d190f5 to f4f01f5 Compare July 22, 2016 11:46
@ehg
Copy link
Member Author

ehg commented Jul 22, 2016

Annnd another rebase!

@ehg ehg force-pushed the add/themes-tour branch from 8a92dc5 to 313892d Compare July 25, 2016 13:48
@ehg
Copy link
Member Author

ehg commented Jul 25, 2016

Rebased. Flipping over for review.

Some of the GT tests fail, should we be testing a "live" tour in unit tests @mcsf?

screen shot 2016-07-25 at 14 52 39

@ehg ehg added [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. and removed [Status] In Progress labels Jul 25, 2016
@mcsf
Copy link
Member

mcsf commented Jul 25, 2016

UX obs.: should we take users back to where they started, i.e. have them tap All Themes from the sheet view?

@mcsf
Copy link
Member

mcsf commented Jul 25, 2016

Some of the GT tests fail, should we be testing a "live" tour in unit tests @mcsf?

Good point. As per Slack, let's keep some higher-level tests that seek to keep GT from breaking in production, and make the remaining tests consume a fixture GT config.

@mcsf
Copy link
Member

mcsf commented Jul 25, 2016

Pushed 6aa07cb, which fixes tests by running them against a fake config.

meta: {
version: 'test',
path: '/',
context: state => isNewUser( state ),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Worth noting that the tests were failing when this line read:

context: isNewUser

I believe this is due to circular dependencies between test/config and selectors. Wrapping isNewUser in a lambda solves this by giving us lazy evaluation of isNewUser.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's pretty interesting. I seem to remember circular dependencies resolving to null. I think we can just deal with the wrapping now :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep. IIRC yesterday I was getting undefined, rather than null, but yes.

@mcsf
Copy link
Member

mcsf commented Jul 25, 2016

@ehg: let me know if 6aa07cb should have its own PR.

@ehg
Copy link
Member Author

ehg commented Jul 26, 2016

let me know if 6aa07cb should have its own PR.

It's probably fine in here.

@ehg
Copy link
Member Author

ehg commented Jul 26, 2016

I was just thinking, if we haven't got the step copy nailed down, we shouldn't be translating anything in this tour. Sound sensible?

@ehg
Copy link
Member Author

ehg commented Jul 26, 2016

UX obs.: should we take users back to where they started, i.e. have them tap All Themes from the sheet view?

Done.

@ehg
Copy link
Member Author

ehg commented Jul 26, 2016

Removed translate calls for now in 6fa2893

@mcsf
Copy link
Member

mcsf commented Jul 26, 2016

I was just thinking, if we haven't got the step copy nailed down, we shouldn't be translating anything in this tour. Sound sensible?

Absolutely, good one.

type: 'ActionStep',
target: '.themes__search-card .section-nav__mobile-header',
placement: 'above',
showInContext: () => isMobile(),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(minor) Does showInContext: isMobile break?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think so, but mobile is pretty broken anyway. I'm considering removing it for now, and adding a ! isMobile() to the tour context. Thoughts?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I'm not opposed. However, it'll be nice to have something in mobile soon enough so that we can tackle the expectable oddities/jankiness early in development.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've removed it for now: 87ebbe4

Yeah, I suspect we should go for a separate tour as previously discussed.

@mcsf
Copy link
Member

mcsf commented Jul 26, 2016

I think this is ripe for merging.

@ehg ehg force-pushed the add/themes-tour branch from b0a5ce0 to 4508d4c Compare July 26, 2016 17:43
@ehg
Copy link
Member Author

ehg commented Jul 26, 2016

Rebased via reset.

Also, I'm slapping 5a9c1ac in here to disable the main tour in dev. @mcsf final sanity check please? :)

@mcsf
Copy link
Member

mcsf commented Jul 26, 2016

@mcsf final sanity check please? :)

I'm hardly a source of sanity, but I had another look — :shipit: 🚢 🚀 !

@mcsf mcsf added [Status] Ready to Merge and removed [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Jul 26, 2016
@ehg ehg force-pushed the add/themes-tour branch from 5a9c1ac to 1f3ed68 Compare July 26, 2016 18:47
@ehg ehg merged commit 8dc389c into master Jul 26, 2016
@ehg ehg deleted the add/themes-tour branch July 26, 2016 18:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants