ntp: keyboard support for stats

[shakyShane]

Asana Task/Github Issue: https://app.asana.com/0/1201141132935289/1208590466011386/f

Description

• back porting accessible keyboard support (from favorites branch)
• co-locate test files (playwright has no issue finding them)

Testing Steps

• visit https://deploy-preview-1149--content-scope-scripts.netlify.app/build/pages/new-tab/
• ensure you can tab from the address bar, onto the control (see the video)
• ensure you can open/close the stats with space bar

ScreenFlow.mp4

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[shakyShane]

• ntp: favorites drag and drop #1150
• ntp: customizer button #1152
• ntp: keyboard support for stats #1149 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @shakyShane and the rest of your teammates on Graphite

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	998dbf5
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/67164a9b9b3425000903acb1
😎 Deploy Preview	https://deploy-preview-1149--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1149
• Commit Hash: 34a7a739635562c47f4dfd73d06d7a82689b1648
• Install Command: npm i github:duckduckgo/content-scope-scripts#34a7a739635562c47f4dfd73d06d7a82689b1648

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Mon, 21 Oct 2024 12:36:43 GMT

Integration

    - integration/pages/new-tab/js/index.css

• integration/pages/new-tab/js/index.js
• integration/pages/new-tab/locales/en/newtab.json

File has changed

Windows

    - windows/pages/new-tab/js/index.css

• windows/pages/new-tab/js/index.js
• windows/pages/new-tab/locales/en/newtab.json

File has changed

[mgurgel]

Code looks good. Tabbing works on Chrome and Safari. How do I get it to work on DDG though? I don’t see an option similar to the Safari one

[shakyShane]

@mgurgel working in chromium right now is enough to move forward in windows - we can address any other platforms later :)