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

Issue/9854 site creation loading #11578

Merged
merged 11 commits into from
Apr 10, 2020
Merged

Conversation

malinajirka
Copy link
Contributor

@malinajirka malinajirka commented Apr 2, 2020

Fixes #9854

Goal of this PR was to improve the look of the "creating site" loading screen.

Before After
c8dd2eea253d98534e64c27be80a5dd9 142a90fd9d81f5308dba02bd09f8eb4a
fef77da2709918727ca46d98a3d47ede 92d2d90854d7403793a17f013415b7ea
Dark

To test - test it on different screen sizes.

  1. My Site
  2. Click on the plus icon in the toolbar
  3. Create WordPress.com site
  4. Select a segment
  5. Type something into the input
  6. Select a domain - make sure to select a domain regular users won't ever need because it won't be available anymore after the site is created (eg. something like ehfiou4hto8743wyta8owyt3o8awyt87.wordpress.com)
  7. Click on "Create site"
  8. Notice the new loading screen - the text should be fade out and a new text should fade in every 2 seconds
  9. Verify the loading screen is shown and the site gets created

  1. My Site
  2. Click on the plus icon in the toolbar
  3. Create WordPress.com site
  4. Select a segment
  5. Type something into the input
  6. Select a domain - make sure to select a domain regular users won't ever need because it will never be available again after the site is created (eg. something like asdfghjklqwertyuiop.wordpress.com)
  7. Turn on airplane mode
  8. Click on "Create site"
  9. Notice an error screen is shown
  10. Turn off the airplane mode
  11. Click on retry
  12. Verify the loading screen is shown and the site gets created

Anything else you can think of. This flow is vital, so should be tested with care.

PR submission checklist:

  • I have considered adding unit tests where possible.
  • I have considered adding accessibility improvements for my changes.
  • I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

@peril-wordpress-mobile
Copy link

peril-wordpress-mobile bot commented Apr 2, 2020

You can test the changes on this Pull Request by downloading the APK here.

@peril-wordpress-mobile
Copy link

peril-wordpress-mobile bot commented Apr 2, 2020

You can trigger optional UI/connected tests for these changes by visiting CircleCI here.

# Conflicts:
#	WordPress/src/main/res/layout-land/site_creation_preview_screen.xml
#	WordPress/src/main/res/layout/site_creation_preview_screen_default.xml
@oguzkocer
Copy link
Contributor

Hi there! I will be freezing 14.6 in a little bit, to this PR is being bumped to 14.7. If you need this to be shipped in 14.6, please update the base branch to release/14.6 and give me a heads up when the PR is merged so I can release a new beta.

@oguzkocer oguzkocer modified the milestones: 14.6, 14.7 Apr 6, 2020
Copy link
Contributor

@jd-alexander jd-alexander left a comment

Choose a reason for hiding this comment

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

Hi @malinajirka this works beautifully! Thank you for these amazing tests! They work really well and I learnt a lot about the coroutine APIs 😉
I left some minor comments. Once those are addressed I will do a second pass to ensure that this is tested thoroughly 🙇

@malinajirka
Copy link
Contributor Author

malinajirka commented Apr 7, 2020

Thank you @jd-alexander for the review !!! ;)

I've replied to your comments and simplified the code as you suggested.

I also realized the drawable doesn't look as it's supposed to in the dark mode. I pinged Klym and asked him about the best approach for solving the issue. I'm adding "do not merge" tag and it might make sense to do another round of the review when I fix the issue so you can quickly test even the dark mode. Thanks!

@malinajirka
Copy link
Contributor Author

I've added the dark mode version of the drawable and this is now ready for test - ff51082

Copy link
Contributor

@jd-alexander jd-alexander left a comment

Choose a reason for hiding this comment

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

Thanks @malinajirka The dark mode changes are great! Tested on both phone & tablet! All is looking well now 👍

@mbshakti
Copy link

Looks fantastic. Thanks @malinajirka!

@malinajirka malinajirka merged commit fdbdb16 into develop Apr 10, 2020
@malinajirka malinajirka deleted the issue/9854-site-creation-loading branch April 10, 2020 14:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Site Creation [Status] Needs Design Review A designer needs to sign off on the implemented design. [Type] Enhancement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Site Creation: Improve "Creating new Site" screen.
4 participants