Skip to content

PCF-391 The keyboard handling for the revision dropdown should be done differently#926

Open
esanuandra wants to merge 4 commits into
mozilla:mainfrom
esanuandra:keyboard-handling-for-revision-dropdown
Open

PCF-391 The keyboard handling for the revision dropdown should be done differently#926
esanuandra wants to merge 4 commits into
mozilla:mainfrom
esanuandra:keyboard-handling-for-revision-dropdown

Conversation

@esanuandra
Copy link
Copy Markdown
Contributor

@esanuandra esanuandra commented Aug 14, 2025

Jira ticket - The keyboard handling for the revision dropdown should be done differently

This PR should make the navigation using the keyboard possible for searching revisions in Search component. Part of the implementation was made with the help of Cursor.

@esanuandra esanuandra added the 🚧 WIP 🚧 Work in progress: do not merge label Aug 14, 2025
@netlify
Copy link
Copy Markdown

netlify Bot commented Aug 14, 2025

Deploy Preview for mozilla-perfcompare ready!

Name Link
🔨 Latest commit 1836052
🔍 Latest deploy log https://app.netlify.com/projects/mozilla-perfcompare/deploys/6a15727fe714d00008763ec7
😎 Deploy Preview https://deploy-preview-926--mozilla-perfcompare.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 3 times, most recently from 90de22d to d5beba4 Compare August 14, 2025 13:44
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from d5beba4 to d19522f Compare October 2, 2025 15:06
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 6 times, most recently from fdde6ef to 54ddcf0 Compare October 16, 2025 14:50
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 5 times, most recently from b6922d9 to 031a978 Compare October 21, 2025 16:12
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 5 times, most recently from 13e39ea to 7c2d3b9 Compare November 6, 2025 16:14
@esanuandra
Copy link
Copy Markdown
Contributor Author

I need some help with the Snackbar tests, fetchRevisionByID and fetchRevisionsBySearch.
@kala-moz would you mind looking over them, please?

@esanuandra esanuandra requested a review from kala-moz November 6, 2025 16:23
@esanuandra esanuandra added Ready For Review and removed 🚧 WIP 🚧 Work in progress: do not merge labels Nov 6, 2025
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 7c2d3b9 to 208f150 Compare November 27, 2025 09:12
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/RevisionAutocompleteOption.tsx Outdated
Comment thread src/components/Search/RevisionAutocompleteInput.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx
Copy link
Copy Markdown
Contributor

@kala-moz kala-moz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added my comments and suggestions to the PR.

Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
Comment thread src/components/Search/SearchInputAndResults.tsx Outdated
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 208f150 to 0458490 Compare December 18, 2025 14:19
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 7785cde to c80baad Compare February 12, 2026 16:35
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from c80baad to c2bde8b Compare April 8, 2026 15:44
Copy link
Copy Markdown
Contributor

@kala-moz kala-moz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@esanuandra I left some suggestions on your tests to help you get them green.

Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionByID.test.tsx Outdated
Comment thread src/__tests__/Snackbar.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
Comment thread src/__tests__/Search/fetchRevisionsBySearch.test.tsx Outdated
@kala-moz
Copy link
Copy Markdown
Contributor

kala-moz commented Apr 9, 2026

@esanuandra Looks like those three tests passed! Just need to update the snapshots.

@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 249241b to fc7ef71 Compare April 9, 2026 16:39
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch 2 times, most recently from fcff5f2 to 406cedf Compare May 6, 2026 13:36
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from dd8fff3 to dd9662d Compare May 15, 2026 15:44
@esanuandra esanuandra requested a review from kala-moz May 15, 2026 15:49
@kala-moz
Copy link
Copy Markdown
Contributor

@esanuandra rebase again and I'll look through the results of that.

@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from dd9662d to cd2a99a Compare May 19, 2026 14:17
@kala-moz
Copy link
Copy Markdown
Contributor

@esanuandra Have you already tried npm install and then running npm run fix-all?

@kala-moz
Copy link
Copy Markdown
Contributor

Or let me know what you've already done to try and fix the snapshots and we can work from there.

fix tests

fix multiple select revision checkbox

Fix Snackbar, fetchRevisionBySearch and fetchRevisionbyID test

Update SearchInputAndResult to theme.palette

Rename AutocompleteInput and AutocompleteOption

Remove SearchResultsList and SearchResultsListItem

Fix input field for new remains populated after a revision is selected
@esanuandra esanuandra force-pushed the keyboard-handling-for-revision-dropdown branch from 448b8df to ab80166 Compare May 26, 2026 09:20
@esanuandra
Copy link
Copy Markdown
Contributor Author

hi @kala-moz I fixed the snapshots🥳
Now there are four tests that are failing, I'm looking into that

@codecov
Copy link
Copy Markdown

codecov Bot commented May 26, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 96.19%. Comparing base (d4d3c1f) to head (1836052).

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #926      +/-   ##
==========================================
- Coverage   96.39%   96.19%   -0.21%     
==========================================
  Files         113      113              
  Lines        3330     3311      -19     
  Branches      761      760       -1     
==========================================
- Hits         3210     3185      -25     
- Misses        119      125       +6     
  Partials        1        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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants