Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(action-menu): dispatch scroll event #4715

Merged
merged 12 commits into from
Sep 4, 2024
Merged

fix(action-menu): dispatch scroll event #4715

merged 12 commits into from
Sep 4, 2024

Conversation

Rajdeepc
Copy link
Contributor

@Rajdeepc Rajdeepc commented Sep 2, 2024

Description

@scroll event is attached to the sp-menu in the Picker's render tree.

Related issue(s)

Motivation and context

Switched one of our components from sp-menu to sp-action-menu in order to leverage the mobile UI built in with sp-action-menu.
However, when we made the switch, we noticed that @scroll stopped working as expected,

How has this been tested?

  • Test case 1

    1. Go here
    2. open console
    3. Scroll the list either by mousewheel or up and down keys.
    4. check the @scroll event is getting fired and console logging
  • Did it pass in Desktop?

  • Did it pass in Mobile?

  • Did it pass in iPad?

Screenshots (if appropriate)

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

Copy link

github-actions bot commented Sep 2, 2024

Branch preview

Visual regression test results

When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:

@coveralls
Copy link
Collaborator

coveralls commented Sep 2, 2024

Pull Request Test Coverage Report for Build 10695985787

Details

  • 10 of 10 (100.0%) changed or added relevant lines in 1 file are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage increased (+0.001%) to 98.2%

Totals Coverage Status
Change from base Build 10684518956: 0.001%
Covered Lines: 32510
Relevant Lines: 32941

💛 - Coveralls

Copy link

github-actions bot commented Sep 2, 2024

Lighthouse scores

Category Latest (report) Main (report) Branch (report)
Performance 0.99 0.99 0.99
Accessibility 1 1 1
Best Practices 1 1 1
SEO 1 0.92 0.92
PWA 1 1 1
What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category Latest Main Branch
Total 227.40 kB 214.591 kB 🏆 214.789 kB
Scripts 56.887 kB 50.031 kB 🏆 50.101 kB
Stylesheet 34.583 kB 30.104 kB 🏆 30.251 kB
Document 6.206 kB 5.426 kB 🏆 5.444 kB
Font 126.868 kB 126.633 kB 🏆 126.642 kB

Request Count

Category Latest Main Branch
Total 52 52 52
Scripts 41 41 41
Stylesheet 5 5 5
Document 1 1 1
Font 2 2 2

@Rajdeepc Rajdeepc marked this pull request as ready for review September 2, 2024 16:17
@Rajdeepc Rajdeepc requested a review from a team as a code owner September 2, 2024 16:17
@Rajdeepc Rajdeepc marked this pull request as draft September 2, 2024 16:17
Copy link

github-actions bot commented Sep 2, 2024

Tachometer results

Chrome

action-menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 669 kB 140.44ms - 145.16ms - faster ✔
2% - 6%
3.66ms - 9.24ms
branch 646 kB 147.77ms - 150.74ms slower ❌
3% - 7%
3.66ms - 9.24ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 623 kB 66.48ms - 67.74ms - faster ✔
7% - 9%
4.73ms - 6.80ms
branch 599 kB 72.06ms - 73.70ms slower ❌
7% - 10%
4.73ms - 6.80ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 622 kB 64.46ms - 65.48ms - faster ✔
8% - 10%
5.49ms - 7.55ms
branch 598 kB 70.60ms - 72.39ms slower ❌
8% - 12%
5.49ms - 7.55ms
-

test-open-close-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 813 kB 1879.04ms - 1882.28ms - unsure 🔍
-0% - +0%
-3.55ms - +0.60ms
branch 789 kB 1880.83ms - 1883.43ms unsure 🔍
-0% - +0%
-0.60ms - +3.55ms
-

test-open-close permalink

Version Bytes Avg Time vs remote vs branch
npm latest 812 kB 1875.22ms - 1878.10ms - unsure 🔍
-0% - -0%
-5.71ms - -1.62ms
branch 787 kB 1878.88ms - 1881.78ms unsure 🔍
+0% - +0%
+1.62ms - +5.71ms
-

breadcrumbs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 686 kB 493.66ms - 497.91ms - faster ✔
1% - 2%
3.50ms - 10.44ms
branch 662 kB 500.01ms - 505.49ms slower ❌
1% - 2%
3.50ms - 10.44ms
-

picker permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 536 kB 519.79ms - 527.93ms - faster ✔
2% - 4%
10.81ms - 22.70ms
branch 512 kB 536.28ms - 544.95ms slower ❌
2% - 4%
10.81ms - 22.70ms
-

split-button permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 747 kB 1869.00ms - 1873.31ms - unsure 🔍
-0% - +0%
-3.19ms - +2.41ms
branch 723 kB 1869.76ms - 1873.33ms unsure 🔍
-0% - +0%
-2.41ms - +3.19ms
-
Firefox

action-menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 669 kB 286.62ms - 290.78ms - faster ✔
10% - 12%
33.36ms - 40.96ms
branch 646 kB 322.67ms - 329.05ms slower ❌
12% - 14%
33.36ms - 40.96ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 623 kB 139.48ms - 143.12ms - unsure 🔍
-1% - +3%
-1.03ms - +3.51ms
branch 599 kB 138.69ms - 141.43ms unsure 🔍
-2% - +1%
-3.51ms - +1.03ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 622 kB 132.43ms - 137.37ms - faster ✔
0% - 6%
0.13ms - 7.99ms
branch 598 kB 135.91ms - 142.01ms slower ❌
0% - 6%
0.13ms - 7.99ms
-

test-open-close-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 813 kB 1905.76ms - 1912.24ms - unsure 🔍
+0% - +0%
+0.07ms - +7.17ms
branch 789 kB 1903.93ms - 1906.83ms unsure 🔍
-0% - -0%
-7.17ms - -0.07ms
-

test-open-close permalink

Version Bytes Avg Time vs remote vs branch
npm latest 812 kB 1901.17ms - 1906.39ms - unsure 🔍
-0% - +0%
-5.10ms - +2.18ms
branch 787 kB 1902.70ms - 1907.78ms unsure 🔍
-0% - +0%
-2.18ms - +5.10ms
-

breadcrumbs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 686 kB 800.76ms - 812.52ms - faster ✔
2% - 5%
14.98ms - 41.74ms
branch 662 kB 822.98ms - 847.02ms slower ❌
2% - 5%
14.98ms - 41.74ms
-

picker permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 536 kB 1024.74ms - 1032.82ms - faster ✔
5% - 7%
54.13ms - 80.47ms
branch 512 kB 1083.55ms - 1108.61ms slower ❌
5% - 8%
54.13ms - 80.47ms
-

split-button permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 747 kB 1879.60ms - 1883.64ms - unsure 🔍
-0% - +0%
-0.89ms - +4.69ms
branch 723 kB 1877.79ms - 1881.65ms unsure 🔍
-0% - +0%
-4.69ms - +0.89ms
-

@Rajdeepc Rajdeepc marked this pull request as ready for review September 3, 2024 07:29
@Rajdeepc Rajdeepc self-assigned this Sep 3, 2024
Copy link
Contributor

@nikkimk nikkimk left a comment

Choose a reason for hiding this comment

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

lgtm

@Rajdeepc Rajdeepc merged commit c76f3f5 into main Sep 4, 2024
61 checks passed
@Rajdeepc Rajdeepc deleted the rajdeepc/SWC-455 branch September 4, 2024 06:26
nikkimk pushed a commit that referenced this pull request Sep 13, 2024
* fix(action-menu): dispatch scroll event

* fix(action-menu): added open attribute for vrt

* fix(action-menu): updated golden image cache

* fix(action-menu): updated golden image cache

* fix(action-menu): added unit tests

* fix(action-menu): updated golden image cache

* fix(action-menu): updated golden image cache

* fix(action-menu): updated golden image cache

---------

Co-authored-by: Rajdeep Chandra <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants