Page MenuHomePhabricator

Vue is being unnecessarily loaded on page load
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

What happens?:
`
Vue is loaded.

What should have happened instead?:
Vue is not needed so shouldn't be loaded at this time.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Introduced in March 2024 by 182bb7519bb4

Requirement

Ensure Vue is not unnecessarily loaded on page load in scenarios where it is not needed.

BDD

Feature: Prevent unnecessary loading of Vue on page load  

  Scenario: Verify Vue is not loaded on page load  
    Given I am on https://en.wikipedia.org in an incognito window  
    When I run `mw.loader.getState('vue')` in the browser console  
    Then the output should display "registered" and not "loaded"

Test Steps

Test Case 1: Verify Vue Loading State on Page Load

  1. Open an incognito browser window.
  2. Navigate to https://en.wikipedia.org.
  3. Open the browser developer console.
  4. Run the command mw.loader.getState('vue').
  5. AC1: Confirm the output states “registered” and not “loaded”.

QA Results - Beta

ACStatusDetails
1T381030#10377896

QA Results - Prod

ACStatusDetails
1T381030#10394431

Details

Related Changes in Gerrit:

Event Timeline

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

[mediawiki/skins/Vector@master] Don't load Vue on page load

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

Jdlrobson moved this task from Incoming to Sprint Backlog on the Web-Team board.
Jdlrobson set the point value for this task to 1.
Jdlrobson updated the task description. (Show Details)

Change #1098588 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Don't load Vue on page load

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

To test this run mw.loader.getState('vue') after loading a page incognito in the developer console. It should say "registered" for a pass.

Edtadros subscribed.

Test Result - Beta

Status: ✅ PASS
Environment: Beta
OS: macOS
Browser: Chrome
Device: MS
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify Vue Loading State on Page Load

  1. Open an incognito browser window.
  2. Navigate to https://en.wikipedia.org.
  3. Open the browser developer console.
  4. Run the command mw.loader.getState('vue').
  5. AC1: Confirm the output states “registered” and not “loaded”.

screenshot 66.png (1,133×895 px, 257 KB)

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS
Browser: Chrome
Device: MS
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify Vue Loading State on Page Load

  1. Open an incognito browser window.
  2. Navigate to https://en.wikipedia.org.
  3. Open the browser developer console.
  4. Run the command mw.loader.getState('vue').
  5. AC1: Confirm the output states “registered” and not “loaded”.

screenshot 70.png (1,072×1,445 px, 391 KB)