feat: added the ability to close the hint using the keyboard by filippovskii09 · Pull Request #1812 · openedx/frontend-app-learning · GitHub

Note

This PR has been added to the product proposal to improve accessibility.
Product proposal

Issue

#1882

Description

This PR provides a mechanism to close the tooltip using the keyboard. The escape key is recommended

Testing instructions

Create new course
Go to Progress page
Place focus on tooltip content when the tooltip button is activated.
Close tooltip with Escape key
Ensure focus is trapped within the tooltip until it is close.

2025-10-23.16.57.37.mov

Thanks for the pull request, @filippovskii09!

This repository is currently maintained by @openedx/committers-frontend-app-learning.

Once you've gone through the following steps feel free to tag them in a comment and let them know that your changes are ready for engineering review.

🔘 Get product approval

If you haven't already, check this list to see if your contribution needs to go through the product review process.

If it does, you'll need to submit a product proposal for your contribution, and have it reviewed by the Product Working Group.
- This process (including the steps you'll need to take) is documented here.
If it doesn't, simply proceed with the next step.

🔘 Provide context

To help your reviewers and other members of the community understand the purpose and larger context of your changes, feel free to add as much of the following information to the PR description as you can:

Dependencies

This PR must be merged before / after / at the same time as ...
Blockers

This PR is waiting for OEP-1234 to be accepted.
Timeline information

This PR must be merged by XX date because ...
Partner information

This is for a course on edx.org.
Supporting documentation
Relevant Open edX discussion forum threads

🔘 Get a green build

If one or more checks are failing, continue working on your changes until this is no longer the case and your build turns green.

Details

Where can I find more information?

If you'd like to get more details on all aspects of the review process for open source pull requests (OSPRs), check out the following resources:

When can I expect my changes to be merged?

Our goal is to get community contributions seen and reviewed as efficiently as possible.

However, the amount of time that it takes to review and merge a PR can vary significantly based on factors such as:

The size and impact of the changes that it introduces
The need for product review
Maintenance status of the parent repository

💡 As a result it may take up to several weeks or months to complete a review and merge your PR.

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 90.96%. Comparing base (f91af21) to head (8be39b6).
⚠️ Report is 26 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #1812      +/-   ##
==========================================
+ Coverage   90.84%   90.96%   +0.12%     
==========================================
  Files         345      350       +5     
  Lines        5800     5935     +135     
  Branches     1376     1359      -17     
==========================================
+ Hits         5269     5399     +130     
- Misses        514      518       +4     
- Partials       17       18       +1

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Do we need this import?

removed

[question]: Is it possible to use function render from file setupTests https://github.com/openedx/frontend-app-learning/blob/master/src/setupTest.js#L222 in these tests?

yes, fixed, i used render from setupTest

Do we need this React import?

no, removed

Do we need this import?

no, removed

[question]: Is it possible to use function render from file setupTests https://github.com/openedx/frontend-app-learning/blob/master/src/setupTest.js#L222 in these tests?

yes, fixed, i used render from setupTest

Suggested change

      
            import { IntlProvider } from 'react-intl';
          
            import { fireEvent } from '@testing-library/dom';
          
            import GradeSummaryHeader from './GradeSummaryHeader';
          
            import { IntlProvider } from 'react-intl';
          
            import { fireEvent } from '@testing-library/dom';
          
            import GradeSummaryHeader from './GradeSummaryHeader';

fixed

Resolved

Please replace with use userEvent here

https://testing-library.com/docs/user-event/intro/#difference-to-fireevent

fixed

Please replace with use userEvent here

https://testing-library.com/docs/user-event/intro/#difference-to-fireevent

fixed

Please replace with use userEvent here

https://testing-library.com/docs/user-event/intro/#difference-to-fireevent

fixed

Can you explain why we are adding these tests to this PR?
It looks like we are proposing accessibility improvements in this PR, but we are writing tests for the functionality of the LiveTab component.

These tests were cherry-picked along with the related changes from a previously closed PR.
The tests themselves are not directly related to the accessibility improvements.
I can separate them if needed, but for now, they ensure we don’t lose existing coverage.

Yes, but these tests seem to test functionality that is not relevant to this PR. Will we have coverage issues if we remove them?

deleted test and no problem occurred

[nit]: Please use @src alias

fixed

Suggested change

      
                        onClick={() => { setShowTooltip(!showTooltip); }}
          
                        onBlur={() => { setShowTooltip(false); }}
          
                        onClick={() => setShowTooltip(!showTooltip)}
          
                        onBlur={() => setShowTooltip(false)}

fixed

try to import from setupTest.js

fixed

Hi @filippovskii09, thank you for this contribution! Since it's a user-facing change, it will need product approval before it can be merged.

Please choose your product contribution type and follow the corresponding instructions to get the product review process started.

@itsjeyd thanks! I plan to create a product proposal and add all of our PRs related to accessibility improvements to it. For now, the PRs will be in draft and awaiting product review

Resolved

Do we need this extra IntlProvider?

no, removed

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

Sandbox deployment failed 💥
Please check the settings and requirements.
Retry deployment by pushing a new commit or updating the requirements/settings in the pull request's description.
📜 Failure Logs
ℹ️ Grove Config, Tutor Config, Tutor Requirements

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

I plan to create a product proposal and add all of our PRs related to accessibility improvements to it. ...

Hey @PKulkoRaccoonGang, just checking in to see if you had any updates on the proposal?

Sandbox deployment successful 🚀
🎓 LMS
📝 Studio
ℹ️ Grove Config, Tutor Config, Tutor Requirements

Hi @openedx/openedx-product-managers could you please take a look at this PR? Thanks in advance!

Sandbox deployment failed 💥
Please check the settings and requirements.
Retry deployment by pushing a new commit or updating the requirements/settings in the pull request's description.
📜 Failure Logs
ℹ️ Grove Config, Tutor Config, Tutor Requirements

@filippovskii09 Do you mind rebasing or pushing a new commit to this so that the sandbox gets re-created?

vladislavkeblysh added 3 commits October 23, 2025 16:00

feat: added the ability to close the hint using the keyboard

bcd44b1

feat: refactor tests

0bda1d0

feat: refactor tests

152e9bd

openedx-webhooks added the open-source-contribution PR author is not from Axim or 2U label Oct 23, 2025

openedx-webhooks added this to Contributions Oct 23, 2025

github-project-automation Bot moved this to Needs Triage in Contributions Oct 23, 2025

filippovskii09 self-assigned this Oct 23, 2025

peterkulko suggested changes Oct 23, 2025

View reviewed changes

filippovskii09 added 3 commits October 24, 2025 12:03

fix: refacor and fix disccusion

3c3bca8

fix: update packages

a9e7617

fix: fix packages and remove extra test file

f00f1eb

filippovskii09 requested a review from peterkulko October 24, 2025 11:03

peterkulko reviewed Oct 24, 2025

View reviewed changes

fix: fix disccusion and some refactor

4e6bbcd

filippovskii09 requested a review from peterkulko October 27, 2025 11:27

itsjeyd moved this from Needs Triage to Waiting on Author in Contributions Oct 28, 2025

itsjeyd added the product review PR requires product review before merging label Oct 28, 2025

peterkulko suggested changes Nov 4, 2025

View reviewed changes

filippovskii09 added the create-sandbox open-craft-grove should create a sandbox environment from this PR label Nov 4, 2025

filippovskii09 added 2 commits November 5, 2025 22:12

fix: remove extra IntlProvider in test

3180f60

fix: fix lint error

8be39b6

filippovskii09 requested a review from peterkulko November 6, 2025 06:19

itsjeyd mentioned this pull request Nov 6, 2025

feat: improved accessibility of notification tray #1817

Open

peterkulko approved these changes Nov 6, 2025

View reviewed changes

peterkulko mentioned this pull request Dec 18, 2025

[a11y]: Accessibility improvements for Learning MFE openedx/platform-roadmap#495

Open

8 tasks

itsjeyd moved this from Waiting on Author to Product Review in Contributions Dec 18, 2025

filippovskii09 marked this pull request as ready for review February 25, 2026 13:54

peterkulko closed this Mar 20, 2026

github-project-automation Bot moved this from Product Review to Done in Contributions Mar 20, 2026

peterkulko reopened this Mar 20, 2026

itsjeyd moved this from Done to Product Review in Contributions Mar 23, 2026

itsjeyd added the waiting on author PR author needs to resolve review requests, answer questions, fix tests, etc. label Mar 23, 2026

peterkulko mentioned this pull request Mar 25, 2026

[a11y]: Grade Summary Tooltip #1882

Open

filippovskii09 removed the create-sandbox open-craft-grove should create a sandbox environment from this PR label Mar 26, 2026

filippovskii09 closed this Mar 26, 2026

filippovskii09 reopened this Mar 26, 2026

github-project-automation Bot moved this from Product Review to Done in Contributions Mar 26, 2026

openedx-webhooks removed the waiting on author PR author needs to resolve review requests, answer questions, fix tests, etc. label Mar 26, 2026

itsjeyd moved this from Done to Product Review in Contributions Mar 30, 2026

+              import GradeSummaryHeader from './GradeSummaryHeader';
+              import { useModel } from '../../../../generic/model-store';
+              import messages from '../messages';
+              import { initializeMockApp, render } from '../../../../setupTest';

		@@ -0,0 +1,77 @@
		import React from 'react';
		import { render } from '@testing-library/react';

		@@ -0,0 +1,127 @@
		import React from 'react';
		import { render, screen, waitFor } from '@testing-library/react';

+                    name: messages.gradeSummaryTooltipAlt.defaultMessage,
+                  });
+                  fireEvent.click(iconButton);

+                    expect(screen.getByText(messages.gradeSummaryTooltipBody.defaultMessage)).toBeInTheDocument();
+                  });
+                  fireEvent.keyDown(iconButton, { key: 'Escape', code: 'Escape' });

+                useSelector: jest.fn(),
+              }));
+              describe('LiveTab', () => {

		onClick={() => { setShowTooltip(!showTooltip); }}
		onBlur={() => { setShowTooltip(false); }}

		@@ -0,0 +1,126 @@
		import { screen, waitFor } from '@testing-library/react';

+                const renderComponent = (props = {}) => {
+                  render(
+                    <IntlProvider locale="en" messages={messages}>

		@@ -1,3 +1,4 @@
		import React, { useState } from 'react';

feat: added the ability to close the hint using the keyboard by filippovskii09 · Pull Request #1812 · openedx/frontend-app-learning · GitHub

feat: added the ability to close the hint using the keyboard - #1812

Conversation

filippovskii09 commented Oct 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Issue

Description

Testing instructions

Uh oh!

openedx-webhooks commented Oct 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov Bot commented Oct 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

filippovskii09 Oct 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

itsjeyd commented Oct 28, 2025

Uh oh!

peterkulko commented Oct 30, 2025

Uh oh!

filippovskii09 commented Oct 23, 2025 •
edited
Loading

openedx-webhooks commented Oct 23, 2025 •
edited
Loading

codecov Bot commented Oct 23, 2025 •
edited
Loading

filippovskii09 Oct 24, 2025 •
edited
Loading