Page MenuHomePhabricator

Follow up: Remove all usages of mw-ui-icon- prefix in MobileFrontend
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Assigned To
Authored By
Jdlrobson
Sep 12 2023, 8:29 PM
Referenced Files
F41562206: screenshot 184.mov.gif
Dec 5 2023, 8:46 AM
F41562217: screenshot 189.mov.gif
Dec 5 2023, 8:46 AM
F41562210: screenshot 186.mov.gif
Dec 5 2023, 8:46 AM
F41562215: screenshot 188.mov.gif
Dec 5 2023, 8:46 AM
F41562208: screenshot 185.mov.gif
Dec 5 2023, 8:46 AM
F41562213: screenshot 187.mov.gif
Dec 5 2023, 8:46 AM
F41562192: screenshot 178.mov.gif
Dec 5 2023, 8:46 AM
F41562195: screenshot 179.mov.gif
Dec 5 2023, 8:46 AM

Description

Following on from our migration to Codex markup, .mw-ui-icon is still being used by MobileFrontend. This causes confusion as it looks like we are using the deprecated mediawiki UI when that is not the case. The .mf-icon prefix should be used instead.

TODO

QA

Exploratory testing: Check all mobile editing workflows.
Look for icons missing buttons e.g.

Screenshot 2023-11-16 at 3.52.07 PM.png (51×96 px, 2 KB)
or buttons where the color constrast is off as in this example:
Screenshot 2023-11-16 at 3.52.57 PM.png (922×1 px, 1 MB)

Key workflows to test:

  • go to article, anon and logged in. Open all menus.
  • Collapse/expand a section and check icon flips.
  • click edit button and make an edit, checking icons on different overlays
  • click an image
  • click a reference to open the reference drawer
  • Click on history and diff page of article
  • Language overlay

QA Results - Beta

ACStatusDetails
1T346184#9377542 per T346184#9380260 this error is unrelated to patch
2T346184#9377542
3T346184#9377542
4T346184#9377542 per T346184#9380260 this error is unrelated to patch
5T346184#9377542
6T346184#9377542
7T346184#9377542
8T346184#9377542

QA Results - Prod

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes
Jdlrobson renamed this task from Remove all usages of mw-ui-icon- prefix in Minerva. to Remove all usages of mw-ui-icon- prefix in MobileFrontend.Sep 12 2023, 8:32 PM
Jdlrobson updated the task description. (Show Details)
Jdlrobson updated the task description. (Show Details)
Jdlrobson renamed this task from Remove all usages of mw-ui-icon- prefix in MobileFrontend to Follow up: Remove all usages of mw-ui-icon- prefix in MobileFrontend.Sep 14 2023, 5:38 PM
Jdlrobson updated the task description. (Show Details)
ovasileva set the point value for this task to 3.Oct 26 2023, 5:54 PM

Change 972524 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/extensions/MobileFrontend@master] WIP Remove all usages of mw-ui-icon- prefix in MobileFrontend

https://gerrit.wikimedia.org/r/972524

I need help with the last to do of the task

Change 973420 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/extensions/MobileFrontend@master] Special:MobileDiff migrate Icons to codex

https://gerrit.wikimedia.org/r/973420

Change 973422 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/extensions/MobileFrontend@master] Specials MobileDiff PageFeed migrate Icons to codex

https://gerrit.wikimedia.org/r/973422

Change 973420 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Special:MobileDiff migrate Icons to codex

https://gerrit.wikimedia.org/r/973420

Change 973422 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Specials MobileDiff and PageFeed: fully migrate icons to codex

https://gerrit.wikimedia.org/r/973422

@Mabualruz I merged the two patches we paired on this morning after running Pixel on both of them. I rebased your big patch on top of those and left some feedback there for suggested break out tasks. Please continue the approach we took this morning and hopefully we'll be close to finishing this by the end of tomorrow.

Change 974628 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/extensions/MobileFrontend@master] mobile.placeholder.images module removal

https://gerrit.wikimedia.org/r/974628

Change 974654 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] User page: Move icon to userpage.styles

https://gerrit.wikimedia.org/r/974654

Change 974628 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] mobile.placeholder.images module removal

https://gerrit.wikimedia.org/r/974628

Change 974654 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] User page: Move icon to userpage.styles

https://gerrit.wikimedia.org/r/974654

Change 974685 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] MobileDiff: Do not add non-existent mobile.placeholder.images module

https://gerrit.wikimedia.org/r/974685

Change 974689 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Addresses cache related FIXMEs.

https://gerrit.wikimedia.org/r/974689

Change 974685 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] MobileDiff: Do not add non-existent mobile.placeholder.images module

https://gerrit.wikimedia.org/r/974685

Change 975099 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Remove redundant cdx-button styles

https://gerrit.wikimedia.org/r/975099

Given the size of the remaining patch, we have enough time to merge and QA this now before the end of the sprint, so it should carry over to the next sprint. We can re-estimate the remaining work on Monday. I keep running into new bugs while testing/code review so I'd like to keep this trackedo n .

The current patch is probably good to go but from a process POV I would feel better merging it on Monday rather than rushing QA on a Friday (there are no deploys next week).

I have -2ed the patch in the mean time.

Change 974637 had a related patch set uploaded (by Mabualruz; author: Mabualruz):

[mediawiki/extensions/MobileFrontend@master] Remove `mobile.startup.images`, `mobile.ooui.icons`, and `mobile.user.icons` modules

https://gerrit.wikimedia.org/r/974637

ovasileva changed the point value for this task from 3 to 2.Nov 20 2023, 6:20 PM
ovasileva lowered the priority of this task from High to Medium.Nov 20 2023, 6:34 PM

Change 975908 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Fixes the storybook

https://gerrit.wikimedia.org/r/975908

Change 974637 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Remove `mobile.startup.images`, `mobile.ooui.icons`, `mobile.user.icons` modules, and `mobile.editor.images`

https://gerrit.wikimedia.org/r/974637

Change 972524 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Remove all usages of mw-ui-icon- prefix in MobileFrontend

https://gerrit.wikimedia.org/r/972524

Change 975918 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] MobileDiff: bytes removed/no change icon should be rotated

https://gerrit.wikimedia.org/r/975918

Change 975908 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Fixes the storybook

https://gerrit.wikimedia.org/r/975908

Change 975099 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Remove redundant cdx-button styles

https://gerrit.wikimedia.org/r/975099

Change 975918 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] MobileDiff: bytes removed/no change icon should be rotated

https://gerrit.wikimedia.org/r/975918

Edtadros subscribed.

Test Result - Beta

Status: ❌ FAIL
Environment: beta
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

❌ AC1: Exploratory testing: Check all mobile editing workflows.
Look for icons missing buttons or buttons where the color constrast is off as in this example

AnonLogged In
See AC4. When editing a section, VE doesn't take you to that section.See AC4 VE doesn't take you to the section being edited

Key workflows to test:

go to article, anon and logged in.
✅ AC2: Open all menus.

AnonLogged In
screenshot 143.mov.gif (728×336 px, 1 MB)
screenshot 150.mov.gif (728×336 px, 1 MB)

✅ AC3: Collapse/expand a section and check icon flips.

AnonLogged In
screenshot 144.mov.gif (728×336 px, 606 KB)
screenshot 151.mov.gif (728×336 px, 1022 KB)

❌ AC4: click edit button and make an edit, checking icons on different overlays

AnonLogged In
Edit works fine, the section edit in VE doesn't take you to the section directly.
screenshot 145.mov.gif (728×336 px, 1 MB)
Same VE section issue as anon.
screenshot 153.mov.gif (728×336 px, 2 MB)

✅ AC5: click an image

AnonLogged In
screenshot 146.mov.gif (728×336 px, 520 KB)
screenshot 155.mov.gif (728×336 px, 385 KB)

✅ AC6: click a reference to open the reference drawer

AnonLogged In
screenshot 147.mov.gif (728×336 px, 299 KB)
screenshot 156.mov.gif (728×336 px, 268 KB)

✅ AC7: Click on history and diff page of article

AnonLogged In
screenshot 148.mov.gif (728×336 px, 767 KB)
screenshot 157.mov.gif (728×336 px, 2 MB)

✅ AC8: Language overlay

AnonLogged In
screenshot 149.mov.gif (728×336 px, 392 KB)
screenshot 158.mov.gif (728×336 px, 407 KB)

The failure seems unrelated to this change. I'll create a new ticket.

Test Result - Prod

Status: ✅ PASS
Environment: enwiki, testwiki
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device:NA

Test Artifact(s):

QA Steps

✅ AC1: Exploratory testing: Check all mobile editing workflows.
Look for icons missing buttons or buttons where the color constrast is off as in this example

AnonLogged In
I saw no issuesI saw no issues

Key workflows to test:

go to article, anon and logged in.
✅ AC2: Open all menus.

AnonLogged In
screenshot 176.mov.gif (858×400 px, 1 MB)
screenshot 177.mov.gif (894×404 px, 2 MB)

✅ AC3: Collapse/expand a section and check icon flips.

AnonLogged In
screenshot 180.mov.gif (894×404 px, 675 KB)
screenshot 181.mov.gif (894×404 px, 629 KB)

✅ AC4: click edit button and make an edit, checking icons on different overlays

AnonLogged In
Editing works fine. Section editing also works. see AC2 for menu clicksEditing works fine. Section editing also works. see AC2 for menu clicks

✅ AC5: click an image

AnonLogged In
screenshot 179.mov.gif (894×404 px, 713 KB)
screenshot 178.mov.gif (894×404 px, 1 MB)

✅ AC6: click a reference to open the reference drawer

AnonLogged In
screenshot 187.mov.gif (894×404 px, 770 KB)
screenshot 185.mov.gif (894×404 px, 414 KB)

✅ AC7: Click on history and diff page of article

AnonLogged In
screenshot 188.mov.gif (894×404 px, 405 KB)
screenshot 186.mov.gif (894×404 px, 868 KB)

✅ AC8: Language overlay

AnonLogged In
screenshot 189.mov.gif (894×404 px, 240 KB)
screenshot 184.mov.gif (894×404 px, 336 KB)

Change 974689 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Addresses cache related FIXMEs.

https://gerrit.wikimedia.org/r/974689

Change 980906 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Drop mw-ui-icon prefixes

https://gerrit.wikimedia.org/r/980906

Change 980906 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Drop mw-ui-icon prefixes

https://gerrit.wikimedia.org/r/980906