Page MenuHomePhabricator
Create Task
Maniphest T421975

Chart wizard - users should be able to select and preview tabular data when selecting a dataset
Open, In Progress, HighPublic
Actions

Assigned To
• HMonroy
Authored By
• HMonroy
Apr 1 2026, 12:20 AM
Project Tags
Referenced Files
F81767367: 2026-05-15_15-37-51.webm
May 15 2026, 10:41 PM
F81298504: 2026-05-13_17-56-14.mp4
May 15 2026, 10:41 PM
F81298497: 2026-05-13_17-56-49.mp4
May 15 2026, 10:41 PM
F81766138: 2026-05-15_15-32-50.mp4
May 15 2026, 10:41 PM
F81765849: 2026-05-15_15-31-40.webm
May 15 2026, 10:41 PM
F81765194: 2026-05-15_15-28-19.mp4
May 15 2026, 10:41 PM
F81453287: 2026-05-14_09-51-25.png
May 15 2026, 10:41 PM
F79006742: PreviewWindow_EmptyState.png
May 1 2026, 10:17 AM
Subscribers
Aklapper
GMikesell-WMF
• HMonroy
MusikAnimal
ROdonoghue-WMF

Description

Users should be able to select a source dataset and preview it's content in a preview area.

Acceptance criteria

A user should be able preview a dataset when a .tab page is selected.

  • Add tabular dataset field that allows users to choose the .tab page that contains the dataset.
  • User is able to preview selected source dataset.

Derived Requirement

  1. The chart wizard must provide a tabular dataset field that allows users to select a '.tab' page as a dataset source.
  2. Users must be able to browse or enter a valid '.tab' dataset page within the dataset selection field.
  3. Selecting a valid '.tab' page must display a preview of the dataset contents within the chart wizard interface.
  4. The dataset preview area must update to reflect the currently selected '.tab' dataset.
  5. The dataset preview must allow users to verify the selected dataset before continuing chart configuration.
  6. The chart wizard must maintain functional dataset selection and preview behavior without page reload errors or broken UI states.

Test Steps

Test Case 1: Verify the chart wizard includes a tabular dataset selection field

  1. Open the chart wizard interface.
  2. Navigate to the dataset selection section.
  3. Observe the available input fields.
  4. ✅❓❌⬜ AC1: A field is available that allows selection of a '.tab' dataset page.

Test Case 2: Verify users can select a valid '.tab' dataset page and dataset preview appears

  1. Open the chart wizard interface.
  2. Locate the tabular dataset selection field.
  3. Enter or select a valid '.tab' page.
  4. Observe the preview section after selection.
  5. ✅❓❌⬜ AC2: A preview of the selected dataset is displayed after a '.tab' page is selected.

Test Case 3: Verify dataset preview updates when a different dataset is selected

  1. Open the chart wizard interface.
  2. Select a valid '.tab' dataset page.
  3. Observe the displayed dataset preview.
  4. Select a different valid '.tab' dataset page.
  5. Observe the preview area again.
  6. ✅❓❌⬜ AC3: The dataset preview updates to match the currently selected '.tab' dataset.

Test Case 4: Ensure unsupported or invalid pages do not display dataset previews

  1. Open the Chart wizard.
  2. Enter or select a page that is not a valid '.tab' dataset page.
  3. Observe the dataset preview area.
  4. ✅❓❌⬜ AC4: Unsupported or invalid dataset pages do not display dataset preview contents.

Test Case 5: Ensure visible keyboard focus indicators appear on dataset selection controls

  1. Navigate through the Chart wizard using keyboard-only interaction.
  2. Move focus to the tabular dataset field and related controls.
  3. Observe the visible focus indicators.
  4. ✅❓❌⬜ AC5: Dataset selection controls display visible keyboard focus indicators during keyboard interaction.

Test Case 6: Ensure screen readers can identify the tabular dataset field

  1. Enable a supported screen reader.
  2. Open the Chart wizard.
  3. Move focus to the tabular dataset field.
  4. Listen to the screen reader announcement.
  5. ✅❓❌⬜ AC6: Screen readers announce the tabular dataset field with an identifiable accessible label.

QA Results - Local

ACStatusDetails
1✅T421975#11927539
2❓T421975#11927539
3✅T421975#11927539
4❓T421975#11927539
5❌T421975#11927539
6✅T421975#11927539

Details

Other Assignee
GMikesell-WMF
Related Changes in Gerrit:
SubjectRepoBranchLines +/-
ChartPreviewArea: add preview of source datasetmediawiki/extensions/Chartmaster+888 -64
Visual mode: adding dataset selector field and preview areamediawiki/extensions/Chartmaster+3 K -1 K
Customize query in gerrit

Related Objects
Search...

Event Timeline

• HMonroy created this task.Apr 1 2026, 12:20 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 1 2026, 12:20 AM
Jdlrobson-WMF added a project: Reader Growth Team.Apr 1 2026, 4:34 PM
HSwan-WMF triaged this task as Low priority.Apr 6 2026, 10:18 PM
HSwan-WMF moved this task from Incoming/Inbox to Backlog on the Reader Growth Team board.
• HMonroy renamed this task from Add preview area when a chart is created in visual mode to Visual mode: user should be able to preview tabular data when selecting a dataset.Apr 14 2026, 12:32 AM
• HMonroy updated the task description. (Show Details)
MusikAnimal subscribed.Apr 14 2026, 6:10 PM

For:

Add tabular dataset field that allows users to choose the .tab page that contains the dataset.

Looks like we'll want to use the list=search API with contentmodel:Chart.JsonConfig set in the srsearch parameter. This is because there is no dedicated namespace for Charts. We should try to do some post-processing to filter out inapplicable datasets for third party wikis that don't have CirrusSearch installed.

• HMonroy changed the task status from Open to In Progress.Apr 14 2026, 6:54 PM
• HMonroy claimed this task.
• HMonroy moved this task from Backlog - groomed to Ready (prioritized + estimated) on the Community-Tech (Sea Lion Squad) board.
• HMonroy moved this task from Ready (prioritized + estimated) to In Development on the Community-Tech (Sea Lion Squad) board.
gerritbot added a comment.Apr 20 2026, 11:32 PM

Change #1275553 had a related patch set uploaded (by HMonroy; author: HMonroy):

[mediawiki/extensions/Chart@master] Visual mode: adding dataset selector field

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

gerritbot added a project: Patch-For-Review.Apr 20 2026, 11:32 PM
ROdonoghue-WMF subscribed.May 1 2026, 10:17 AM

PreviewWindow_EmptyState.png (96×96 px, 1 KB)

Hi @HMonroy

As requested, here is the image for the empty state of the preview window. Let me know if you need it at a different size (it is current 96 x 96)

• HMonroy added a parent task: T393637: EPIC Make the chart extension more beginner-friendly.May 5 2026, 7:29 PM
• KSiebert added a project: Story.May 5 2026, 7:31 PM
• HMonroy moved this task from In Development to Feedback and Review on the Community-Tech (Sea Lion Squad) board.May 6 2026, 11:26 PM
MusikAnimal added a parent task: T423221: Chart wizard: show chart preview as the chart values are configured.May 7 2026, 3:26 AM
• HMonroy updated the task description. (Show Details)May 8 2026, 10:01 PM
• HMonroy renamed this task from Visual mode: user should be able to preview tabular data when selecting a dataset to STORY: Chart form- a user should be able to preview tabular data when selecting a dataset.May 8 2026, 10:04 PM
• HMonroy updated the task description. (Show Details)
• HMonroy updated the task description. (Show Details)May 8 2026, 10:13 PM
• HMonroy added a subtask: T425835: Chart wizard: Users should be able to use form in mobile view.May 8 2026, 10:15 PM
• HMonroy added a subtask: T425838: Chart wizard: chart preview should display in an accordion in mobile view.May 8 2026, 10:21 PM
• HMonroy renamed this task from STORY: Chart form- a user should be able to preview tabular data when selecting a dataset to STORY: Chart form - users should be able to preview tabular data when selecting a dataset.May 8 2026, 11:11 PM
gerritbot added a comment.May 9 2026, 12:37 AM

Change #1275553 merged by jenkins-bot:

[mediawiki/extensions/Chart@master] Visual mode: adding dataset selector field and preview area

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

ReleaseTaggerBot added a project: MW-1.47-notes (1.47.0-wmf.2; 2026-05-12).May 9 2026, 1:00 AM
Maintenance_bot removed a project: Patch-For-Review.May 9 2026, 1:31 AM
MusikAnimal renamed this task from STORY: Chart form - users should be able to preview tabular data when selecting a dataset to STORY: Chart wizard - users should be able to preview tabular data when selecting a dataset.May 9 2026, 7:59 PM
gerritbot added a comment.May 11 2026, 3:53 AM

Change #1285533 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):

[mediawiki/extensions/Chart@master] ChartPreviewArea: add preview of source dataset

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

gerritbot added a project: Patch-For-Review.May 11 2026, 3:53 AM
• HMonroy changed the task status from In Progress to Open.May 11 2026, 7:18 PM
• HMonroy updated the task description. (Show Details)
• HMonroy updated the task description. (Show Details)
• HMonroy moved this task from Feedback and Review to QA on the Community-Tech (Sea Lion Squad) board.
gerritbot added a comment.May 12 2026, 1:19 AM

Change #1285533 merged by jenkins-bot:

[mediawiki/extensions/Chart@master] ChartPreviewArea: add preview of source dataset

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

• HMonroy removed parent tasks: T423221: Chart wizard: show chart preview as the chart values are configured, T393637: EPIC Make the chart extension more beginner-friendly.May 12 2026, 1:23 AM
Maintenance_bot removed a project: Patch-For-Review.May 12 2026, 1:30 AM
• HMonroy renamed this task from STORY: Chart wizard - users should be able to preview tabular data when selecting a dataset to Chart wizard - users should be able to preview tabular data when selecting a dataset.May 12 2026, 1:38 AM
• HMonroy added a parent task: T426013: STORY: Chart wizard - users should be able to select and preview a dataset.
• HMonroy removed a project: Story.
• HMonroy renamed this task from Chart wizard - users should be able to preview tabular data when selecting a dataset to Chart wizard - users should be able to select and preview tabular data when selecting a dataset.May 12 2026, 1:43 AM
• HMonroy updated the task description. (Show Details)
• HMonroy removed a subtask: T425838: Chart wizard: chart preview should display in an accordion in mobile view.May 12 2026, 2:22 AM
• HMonroy removed a subtask: T425835: Chart wizard: Users should be able to use form in mobile view.
GMikesell-WMF updated Other Assignee, added: GMikesell-WMF.May 14 2026, 12:54 AM
GMikesell-WMF updated the task description. (Show Details)
• HMonroy raised the priority of this task from Low to High.May 14 2026, 11:15 PM
• HMonroy moved this task from Backlog to MVP Dataset selection and preview dataset on the Chart-Community-Wish-W414 board.
GMikesell-WMF subscribed.May 15 2026, 10:41 PM

@HMonroy Can you take a look at AC2, AC4 and AC5 when you have a chance? Thanks!

Test Result - Local

Status: ✅ PASS / ❓ Need More Info / ❌ FAIL
Environment: Local 1.47.0-alpha (d260740) 15:33, 12 May 2026
OS: macOS Tahoe 26.4.1
Browser: Chrome 147
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify the chart wizard includes a tabular dataset selection field

  1. Open the chart wizard interface.
  2. Navigate to the dataset selection section.
  3. Observe the available input fields.
  4. ✅ AC1: A field is available that allows selection of a '.tab' dataset page.

2026-05-14_09-51-25.png (1,350×955 px, 153 KB)

Test Case 2: Verify users can select a valid '.tab' dataset page and dataset preview appears

  1. Open the chart wizard interface.
  2. Locate the tabular dataset selection field.
  3. Enter or select a valid '.tab' page.
  4. Observe the preview section after selection.
  5. ❓ AC2: A preview of the selected dataset is displayed after a '.tab' page is selected.

If I search a dataset with a lower case to start out, it searches all the way but if you continue with the lowercase, it loses the search.

Test Case 3: Verify dataset preview updates when a different dataset is selected

  1. Open the chart wizard interface.
  2. Select a valid '.tab' dataset page.
  3. Observe the displayed dataset preview.
  4. Select a different valid '.tab' dataset page.
  5. Observe the preview area again.
  6. ✅ AC3: The dataset preview updates to match the currently selected '.tab' dataset.

Test Case 4: Ensure unsupported or invalid pages do not display dataset previews

  1. Open the Chart wizard.
  2. Enter or select a page that is not a valid '.tab' dataset page.
  3. Observe the dataset preview area.
  4. ❓ AC4: Unsupported or invalid dataset pages do not display dataset preview contents.

Main Page does not showup but besides a console error, should it say it on the form that it's an invalid dataset?

Test Case 5: Ensure visible keyboard focus indicators appear on dataset selection controls

  1. Navigate through the Chart wizard using keyboard-only interaction.
  2. Move focus to the tabular dataset field and related controls.
  3. Observe the visible focus indicators.
  4. ❌ AC5: Dataset selection controls display visible keyboard focus indicators during keyboard interaction.

Error when typing the letter to bring up the dataset and selecting Tab

✅Up/Down Arrow❌Tab

Test Case 6: Ensure screen readers can identify the tabular dataset field

  1. Enable a supported screen reader.
  2. Open the Chart wizard.
  3. Move focus to the tabular dataset field.
  4. Listen to the screen reader announcement.
  5. ✅ AC6: Screen readers announce the tabular dataset field with an identifiable accessible label.

GMikesell-WMF changed the task status from Open to In Progress.May 15 2026, 10:42 PM
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF moved this task from QA to In Development on the Community-Tech (Sea Lion Squad) board.
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits