Change Details

== Background In T330527 we made changes to improve how tables are rendered in Vector 2022 skin. Due to some issues with roll out we feature flagged it so that we could control roll out. We will enable this on wikis where legacy Vector is the default skin (this includes German and Russian Wikipedias). Based on QA we will make a decision on whether to roll this out. == User story As a reader == Requirements [x] The change is enabled on all wikis where legacy Vector is the default [x] WED [Jon]: The change is verified on Italian Wikipedia - https://it.wikipedia.org/wiki/Spagna?useskin=vector-2022 the table "Principali città in Spagna" should not overlap when both sidebars are open [x] WED [Jon]: how tables with floatleft and floatright perform on lower resolutions (T330527#9849072, T366314#9866058) [x] THUR [Jon]: We ask for feedback on Russian Wikipedia after it has been deployed [] THUR [Edward]: We do some exploratory testing of tables on Russian Wikipedia == QA QA1: Visit https://en.wikipedia.beta.wmflabs.org/wiki/T366314 to check the table is constrained to the content area at all resolutions QA2: Once the patch is enabled on Russian Wikipedia, do some exploratory testing by clicking Special:Random. Identify tables where one of two things happen: * have large chunks of whitespace to the side of them * they overlap menus == Sign off steps [] Create follow up tickets to fix any edge cases we find. //This task was created by Version 1.0.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //

== Background In T330527 we made changes to improve how tables are rendered in Vector 2022 skin. Due to some issues with roll out we feature flagged it so that we could control roll out. We will enable this on wikis where legacy Vector is the default skin (this includes German and Russian Wikipedias). Based on QA we will make a decision on whether to roll this out. == User story As a reader == Requirements [x] The change is enabled on all wikis where legacy Vector is the default [x] WED [Jon]: The change is verified on Italian Wikipedia - https://it.wikipedia.org/wiki/Spagna?useskin=vector-2022 the table "Principali città in Spagna" should not overlap when both sidebars are open [x] WED [Jon]: how tables with floatleft and floatright perform on lower resolutions (T330527#9849072, T366314#9866058) [x] THUR [Jon]: We ask for feedback on Russian Wikipedia after it has been deployed [] THUR [Edward]: We do some exploratory testing of tables on Russian Wikipedia == QA QA1: Visit https://en.wikipedia.beta.wmflabs.org/wiki/T366314 to check the table is constrained to the content area at all resolutions QA2: Once the patch is enabled on Russian Wikipedia, do some exploratory testing by clicking Special:Random. Identify tables where one of two things happen: * have large chunks of whitespace to the side of them * they overlap menus == Requirement Enable and verify the responsive tables change on all wikis where legacy Vector is the default skin. Ensure tables do not overlap or have large chunks of whitespace at lower resolutions. Perform specific checks on the specified beta test page and Russian Wikipedia. == BDD ``` Feature: Responsive Tables in Vector 2022 Scenario: Verify responsive tables on the specified beta test page Given the responsive tables change is enabled When the user views tables on the beta test page Then the tables should not overlap Scenario: Verify responsive tables on Russian Wikipedia Given the responsive tables change is enabled When the user explores random pages on Russian Wikipedia Then tables should not have large chunks of whitespace to the side And tables should not overlap menus ``` == Test Steps __Test Case 1: Verify Responsive Tables on Beta Test Page__ 1. Enable the responsive tables change. 2. Navigate to [this beta test page](https://en.wikipedia.beta.wmflabs.org/wiki/Responsive_tables?useskin=vector-2022). 3. Verify the tables on the beta test page. 4. **AC1:** Confirm that the tables do not overlap. __Test Case 2: Verify Responsive Tables on Russian Wikipedia__ 1. Enable the responsive tables change. 2. Navigate to [Special:Random on Russian Wikipedia](https://ru.wikipedia.org/wiki/Special:Random). 3. Verify the tables on random pages. 4. **AC2:** Confirm that tables do not have large chunks of whitespace to the side. 5. **AC3:** Confirm that tables do not overlap menus. == Sign off steps [] Create follow up tickets to fix any edge cases we find. //This task was created by Version 1.0.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //

== Background In T330527 we made changes to improve how tables are rendered in Vector 2022 skin. Due to some issues with roll out we feature flagged it so that we could control roll out. We will enable this on wikis where legacy Vector is the default skin (this includes German and Russian Wikipedias). Based on QA we will make a decision on whether to roll this out. == User story As a reader == Requirements [x] The change is enabled on all wikis where legacy Vector is the default [x] WED [Jon]: The change is verified on Italian Wikipedia - https://it.wikipedia.org/wiki/Spagna?useskin=vector-2022 the table "Principali città in Spagna" should not overlap when both sidebars are open [x] WED [Jon]: how tables with floatleft and floatright perform on lower resolutions (T330527#9849072, T366314#9866058) [x] THUR [Jon]: We ask for feedback on Russian Wikipedia after it has been deployed [] THUR [Edward]: We do some exploratory testing of tables on Russian Wikipedia == QA QA1: Visit https://en.wikipedia.beta.wmflabs.org/wiki/T366314 to check the table is constrained to the content area at all resolutions QA2: Once the patch is enabled on Russian Wikipedia, do some exploratory testing by clicking Special:Random. Identify tables where one of two things happen: * have large chunks of whitespace to the side of them * they overlap menus == Requirement Enable and verify the responsive tables change on all wikis where legacy Vector is the default skin. Ensure tables do not overlap or have large chunks of whitespace at lower resolutions. Perform specific checks on the specified beta test page and Russian Wikipedia. == BDD ``` Feature: Responsive Tables in Vector 2022 Scenario: Verify responsive tables on the specified beta test page Given the responsive tables change is enabled When the user views tables on the beta test page Then the tables should not overlap Scenario: Verify responsive tables on Russian Wikipedia Given the responsive tables change is enabled When the user explores random pages on Russian Wikipedia Then tables should not have large chunks of whitespace to the side And tables should not overlap menus ``` == Test Steps __Test Case 1: Verify Responsive Tables on Beta Test Page__ 1. Enable the responsive tables change. 2. Navigate to [this beta test page](https://en.wikipedia.beta.wmflabs.org/wiki/Responsive_tables?useskin=vector-2022). 3. Verify the tables on the beta test page. 4. **AC1:** Confirm that the tables do not overlap. __Test Case 2: Verify Responsive Tables on Russian Wikipedia__ 1. Enable the responsive tables change. 2. Navigate to [Special:Random on Russian Wikipedia](https://ru.wikipedia.org/wiki/Special:Random). 3. Verify the tables on random pages. 4. **AC2:** Confirm that tables do not have large chunks of whitespace to the side. 5. **AC3:** Confirm that tables do not overlap menus. == Sign off steps [] Create follow up tickets to fix any edge cases we find. //This task was created by Version 1.0.0 of the [[ https://mediawiki.org/w/index.php?title=Reading/Web/Request_process | Web team task template ]] using [[ https://phabulous.toolforge.org/ | phabulous ]] //