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

test: add new topnav tests #2394

Merged
merged 12 commits into from
Oct 29, 2024
Merged

Conversation

anuraghazra
Copy link
Member

Description

Changes

Additional Information

Component Checklist

  • Update Component Status Page
  • Perform Manual Testing in Other Browsers
  • Add KitchenSink Story
  • Add Interaction Tests (if applicable)
  • Add changeset

Copy link

changeset-bot bot commented Oct 28, 2024

⚠️ No Changeset found

Latest commit: fb582e8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link
Contributor

github-actions bot commented Oct 28, 2024

✅ PR title follows Conventional Commits specification.

@anuraghazra anuraghazra changed the base branch from anu/new-topnav to anu/new-topnav-docs October 28, 2024 05:49
Copy link

codesandbox-ci bot commented Oct 28, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit fb582e8:

Sandbox Source
razorpay/blade: basic Configuration

@rzpcibot
Copy link
Collaborator

rzpcibot commented Oct 28, 2024

Bundle Size Report

Updated Components
Status Component Base Size (kb) Current Size (kb) Diff
Menu, MenuItem, MenuOverlay, MenuDivider, MenuFooter, MenuHeader 28.826 28.830 +0.004 KB
Table, TableHeader, TableHeaderCell, TableHeaderRow, TableBody, TableCell, TableRow, TableFooter, TableFooterCell, TableFooterRow, TablePagination, TableToolbar, TableToolbarActions, TableEditableCell, TableEditableDropdownCell 64.903 64.883 -0.020 KB
TopNav, TopNavActions, TopNavBrand, TopNavContent 4.092 1.177 -2.915 KB
TabNav, TabNavItems, TabNavItem 0.000 2.305 +2.305 KB

Generated by 🚫 dangerJS against fb582e8

@anuraghazra anuraghazra added the Review - L1 First level of review label Oct 28, 2024
canvasElement.style.width = '300px';
await sleep(500);
await expect(queryByRole('menuitem', { name: 'Payroll' })).toBeVisible();
await expect(queryByRole('menuitem', { name: 'Payments' })).toBeVisible();
Copy link
Collaborator

Choose a reason for hiding this comment

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

add a test that will check that the items that were out of the viewport are not visible since they'll be moved under overflowing menu?

Copy link
Member Author

Choose a reason for hiding this comment

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

done

await expect(queryByRole('menuitem', { name: 'Payroll' })).toBeVisible();
await expect(queryByRole('menuitem', { name: 'Payments' })).toBeVisible();

canvasElement.style.width = '100%';
Copy link
Collaborator

Choose a reason for hiding this comment

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

what does width 100% check here?

Copy link
Member Author

Choose a reason for hiding this comment

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

It doesn't check anything i'm resetting the canvas to be full width.

@anuraghazra anuraghazra merged commit b3a9f41 into anu/new-topnav-docs Oct 29, 2024
11 of 13 checks passed
@anuraghazra anuraghazra deleted the anu/new-tabnav-tests branch October 29, 2024 10:08
anuraghazra added a commit that referenced this pull request Oct 29, 2024
* feat: added tabnav and topnav docs

* chore: fix build

* chore: kamlesh feedback

* chore: update menu header/footer margin

* chore: remove chevron change

* chore: update icon

* chore: update menu padding

* test: add new topnav tests (#2394)

* chore: add new topnav tests

* chore: update more to button

* chore: update snaps

* chore: snaps

* chore: revert sidenab width

* chore: update snaps

* chore: test for null

* chore: update
anuraghazra added a commit that referenced this pull request Oct 29, 2024
* feat: added new topnav overflow interaction

* chore: change children to title

* chore: update

* chore: remove divider hider color

* chore: remove context

* chore: support as button in tabnabitem

* chore: update

* chore: update zindex

* chore: revert sidenab width

* docs: add new topnav documentation (#2393)

* feat: added tabnav and topnav docs

* chore: fix build

* chore: kamlesh feedback

* chore: update menu header/footer margin

* chore: remove chevron change

* chore: update icon

* chore: update menu padding

* test: add new topnav tests (#2394)

* chore: add new topnav tests

* chore: update more to button

* chore: update snaps

* chore: snaps

* chore: revert sidenab width

* chore: update snaps

* chore: test for null

* chore: update

* chore: change type name

* chore: fix mobile

* Create wicked-oranges-whisper.md

* chore: update

* chore: update
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Review - L1 First level of review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants