Page MenuHomePhabricator

User links: QA entire feature
Closed, ResolvedPublic

Description

Background

This task will track the full production QA of the user links feature

Acceptance criteria

Basic requirements - logged-in users

  1. Go to https://en.wikipedia.org/ as a logged-in user and add the url parameter ?vectoruserlinks=1
  2. Ensure that the user links menu is available at the top of the page
  3. Ensure the right top of the page includes the following:
    1. Username
    2. Alerts bell
    3. Notices
    4. Menu
  4. Select username
    1. Ensure link goes to your user page
  5. Select alerts
    1. Ensure alerts menu opens and appears visually consistent at various screen resolutions
  6. Select notices
    1. Ensure notices menu opens and appears visually consistent at various screen resolution
  7. Select user menu
    1. Ensure user menu contains the following:
      1. Talk
      2. Sandbox
      3. Preferences
      4. Beta
      5. Watchlist
      6. Contributions
      7. Translations
      8. Uploaded media
      9. Gadgets
    2. Ensure all items in the menu appear visually consistent

Basic requirements - logged-out users

  1. Go to https://test.wikipedia.org/wiki/Main_Page as a logged-out user
  2. Ensure the right top corner of the page contains the following: #Create account link
    1. User menu
    2. Log in button
    3. Pages for loggeded-out editors w/ “learn more” link
    4. Talk
    5. Contributions

Spot check test wikis

  1. Go to each one of the following list of wikis as a logged-in user and append the url parameter ?vectoruserlinks=1
  2. Ensure the user menu appears as expected for logged-out users
  3. Log out and go to the main page
  4. Append the parameter ?vectoruserlinks=1
  5. Ensure the user menu appears as expected for logged-in users
    1. Note - screenshot is only needed if there is an issue with the user menu
  • Basque Wikipedia
  • French Wikipedia
  • French Wiktionary
  • Hebrew Wikipedia
  • Persian Wikipedia
  • Portuguese Wikiversity
  • Office Wiki
  • Bengali Wikipedia
  • German Wikivoyage
  • Korean Wikipedia
  • Portuguese Wikipedia
  • Serbian Wikipedia
  • Turkish Wikipedia
  • Venetian Wikipedia
  • Wikimedia Incubator
  • Wikimedia Commons
  • Wikidata

Spot check browsers

  1. For the following browsers, go to https://en.wikipedia.org/ as a logged-in user and ensure there are no issues with the user menu: Latest Chrome, Firefox, Safari, Opera, Yandex

Spot check different resolutions

  1. Go to https://en.wikipedia.org/ as a logged-in user and ensure there are no issues with the user menu at different resolutions (down to 500px)

Spot check talk page message in different languages

  1. For the following list of wikis, leave a comment on your personal talk page (this should trigger the yellow talk message banner)
  2. Ensure the banner appears as expected for different resolutions
  • Basque Wikipedia
  • French Wikipedia
  • Hebrew Wikipedia
  • Persian Wikipedia
  • Bengali Wikipedia
  • German Wikivoyage
  • Korean Wikipedia
  • Portuguese Wikipedia

https://phabricator.wikimedia.org/T286732#7259789

QA Results - Prod

Event Timeline

Jdlrobson added a subscriber: Jdlrobson.

I believe this can begin now? The user links can be toggled on any wiki using the query string e.g. https://en.wikipedia.org/?vectoruserlinks=1
If not, what is this blocked on?

I believe this can begin now? The user links can be toggled on any wiki using the query string e.g. https://en.wikipedia.org/?vectoruserlinks=1
If not, what is this blocked on?

We're waiting on the train so all changes are in first. Full feature QA will be next Thursday & Friday

Wouldn't it make sense to get a head start now? The most useful part of QA from my point of view is going to be testing how the new user links integrates with different lesser used extensions and any default-on gadgets on our target wikis. We've seen this already surfacing in GuidedTour, ContentTranslation. Next week's train will make no difference to detecting those kind of issues. If we are able to detect such issues early in the week, we'll have fixes and analysis occuring much sooner.

Test Result - Prod

Status:
Environment: various
OS: macOS Big Sur
Browser: Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

Basic requirements - logged-in users

Step(s)AC(s)Artifact
2-41-3
Screen Recording 2021-08-03 at 7.38.42 AM.mov.gif (292×1 px, 132 KB)
54
Screen Recording 2021-08-03 at 7.49.35 AM.mov.gif (964×698 px, 2 MB)
65
Screen Recording 2021-08-04 at 6.00.48 AM.mov.gif (674×716 px, 1 MB)
76-7
Screen Shot 2021-08-04 at 4.13.41 PM.png (468×976 px, 185 KB)
  1. Go to https://en.wikipedia.org/ as a logged-in user and add the url parameter ?vectoruserlinks=1
  2. ✅ AC1: Ensure that the user links menu is available at the top of the page
  3. ✅ AC2: Ensure the right top of the page includes the following:
    1. Username
    2. Alerts bell
    3. Notices
    4. Menu
  4. Select username
    1. ✅ AC3: Ensure link goes to your user page
  5. Select alerts
    1. ✅ AC4: Ensure alerts menu opens and appears visually consistent at various screen resolutions -- The Alert menu dropdown appears consistent if opened and closed at different resolutions. At a width of 535px the left side of the menu will get cut off. Then there's this odd behavior that occurs if the menu is open and the browser is resized to a width less than 535 then the width is increased. This was discussed in standup and is a known issue
  6. Select notices
    1. ✅ AC5: Ensure notices menu opens and appears visually consistent at various screen resolution -- The Notification menu dropdown appears consistent if opened and closed at different resolutions. At a width of 535px the left side of the menu will get cut off. Then there's this odd behavior that occurs if the menu is open and the browser is resized to a width less than 535 then the width is increased. This was discussed in standup and is a known issue
  7. Select user menu
    1. ✅ AC6: Ensure user menu contains the following:
      1. ✅ Talk
      2. ✅ Sandbox
      3. ✅ Preferences
      4. ✅ Beta
      5. ✅ Watchlist
      6. ✅ Contributions
      7. ✅ Translations
      8. ✅ Uploaded media
      9. ✅ Gadgets
    2. ✅ AC7: Ensure all items in the menu appear visually consistent

Basic requirements - logged-out users

Step(s)AC(s)Artifact
28
Screen Shot 2021-08-04 at 6.46.34 AM.png (341×1 px, 156 KB)
  1. Go to https://test.wikipedia.org/wiki/Main_Page as a logged-out user
  2. ✅ AC8: Ensure the right top corner of the page contains the following:
    1. ✅ Create account link --The link appears correctly, however at small widths the Create Account link appears at the top of the user menu in testwiki, but at the bottom in enwiki. This is as designed per T285786#7241139
    2. ✅ User menu
    3. ✅ Log in button
    4. ✅Pages for loggeded-out editors w/ “learn more” link --The font size is larger in testwiki than in enwiki.
    5. ✅ Talk --No icon in testwiki. This is as designed per T285786#7241139
    6. ✅Contributions --No icon in testwiki. This is as designed per T285786#7241139

Spot check test wikis

  1. Go to each one of the following list of wikis as a logged-in user and append the url parameter ?vectoruserlinks=1
  2. ❌ AC9: Ensure the user menu appears as expected for logged-in users
  3. Log out and go to the main page
  4. Append the parameter ?vectoruserlinks=1
  5. ❌ AC10: Ensure the user menu appears as expected for logged-out users
    1. Note - screenshot is only needed if there is an issue with the user menu
wikiLogged InLogged Out
Basque Wikipedia
French Wikipedia
French Wiktionary
Hebrew Wikipedia
Persian Wikipedia
Portuguese Wikiversity
Office Wiki❌ Can't really get more to show than the create account link, which disappears at lower widths
Screen Recording 2021-08-04 at 8.01.14 AM.mov.gif (394×1 px, 1 MB)
Bengali Wikipedia❌ Icon alignment.
Screen Shot 2021-08-04 at 5.01.10 PM.png (473×740 px, 153 KB)
❌ Icon alignment and english menu item.
Screen Shot 2021-08-04 at 5.02.00 PM.png (278×728 px, 71 KB)
German Wikivoyage
Korean Wikipedia
Screen Shot 2021-08-04 at 5.10.55 PM.png (251×247 px, 15 KB)
Portuguese Wikipedia
Serbian Wikipedia❌ Menu item is in English
Screen Shot 2021-08-04 at 5.27.29 PM.png (239×238 px, 13 KB)
Turkish Wikipedia
Venetian Wikipedia❌ Menu item is in English
Screen Shot 2021-08-04 at 8.18.11 PM.png (246×237 px, 15 KB)
Wikimedia Incubator
Wikimedia Commons❌ upload icon is missing
Screen Recording 2021-08-04 at 8.38.18 PM.mov.gif (786×734 px, 3 MB)
Wikidata

Spot check browsers

  1. ❌ AC11: For the following browsers, go to https://en.wikipedia.org/ as a logged-in user and ensure there are no issues with the user menu: Latest Chrome, Firefox, Safari, Opera, Yandex

Yanex 14.x opens the menu to the right so it gets cut off

Screen Shot 2021-08-10 at 7.23.31 AM.png (763×548 px, 424 KB)

Screen Shot 2021-08-10 at 7.21.15 AM.png (763×546 px, 461 KB)

Screen Shot 2021-08-10 at 7.24.27 AM.png (760×1 px, 1004 KB)

Spot check different resolutions

  1. ✅ AC12: Go to https://en.wikipedia.org/ as a logged-in user and ensure there are no issues with the user menu at different resolutions (down to 500px)

Spot check talk page message in different languages

  1. ✅ AC13: For the following list of wikis, leave a comment on your personal talk page (this should trigger the yellow talk message banner) #Ensure the banner appears as expected for different resolutions

Talk page banner shows up if a comment is left on the wiki being viewed. This is as designed.

  • ✅Basque Wikipedia
  • ✅French Wikipedia
  • ✅Hebrew Wikipedia
  • ✅Persian Wikipedia
  • ✅Bengali Wikipedia
  • ✅German Wikivoyage
  • ✅Korean Wikipedia
  • ✅Portuguese Wikipedia

Thanks @Edtadros! Everything looks good and passes, except for the translations and upload media links missing on enwiki. Will look into that.

Edtadros updated the task description. (Show Details)
Edtadros added a subscriber: Edtadros.

@ovasileva Please take a look at some of the failures. They may be as-designed. I tried updating the ones I had marked as fail to pass as the fixes came in, but I may have missed some.

Thanks @Edtadros. We're looking good for deployment. Opened some follow-ups however: