Skip to content

Conversation

@NicholasBoll
Copy link
Collaborator

Summary

Convert Storybook from webpack to vite

  • Upgrade Storybook from v7 to v8
  • Upgrade Storybook from webpack to vite
  • Upgrade from Jest to vitest
  • Upgrade Cypress from webpack to vite
  • Upgrade prettier

Release Category

Infrastructure


Checklist

For the Reviewer

  • PR title is short and descriptive
  • PR summary describes the change (Fixes/Resolves linked correctly)
  • PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
  • Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

  • Code
  • Documentation
  • Testing
  • Codemods

Testing Manually

Run yarn start, yarn test, yarn cypress:run

… chore/upgrade-storybook-to-vite

# Conflicts:
#	.nvmrc
#	modules/docs/lib/MDXElements.tsx
#	modules/docs/lib/Value.tsx
#	modules/docs/mdx/14.0-UPGRADE-GUIDE.mdx
#	modules/styling-transform/package.json
#	package.json
#	yarn.lock
Comment on lines +103 to +107
cy.realPress('Tab');
cy.focused().should('contain', 'Acknowledge');
cy.realPress('Tab');
cy.focused().should('contain', 'Cancel');
cy.realPress('Tab');
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

cy.tab doesn't work with something. cy.realPress doesn't return the subject.

Comment on lines +115 to +119
cy.realPress('Tab');
.should('contain', 'Cancel')
.tab()
.realPress('Tab');
.should('contain', 'Delete Item')
.tab();
.realPress('Tab');
Copy link
Collaborator Author

@NicholasBoll NicholasBoll Dec 3, 2025

Choose a reason for hiding this comment

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

Suggested change
cy.realPress('Tab');
.should('contain', 'Cancel')
.tab()
.realPress('Tab');
.should('contain', 'Delete Item')
.tab();
.realPress('Tab');
cy.realPress('Tab');
cy.focused().should('contain', 'Cancel');
cy.realPress('Tab');
cy.focused().should('contain', 'Delete Item');
cy.realPress('Tab');

Comment on lines 6 to 8
// declare module 'vite' {
// export function defineConfig(config: any): any;
// }
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Suggested change
// declare module 'vite' {
// export function defineConfig(config: any): any;
// }

@mannycarrera4
Copy link
Contributor

future change: Change storybook files to not re exported the renamed story

@mannycarrera4
Copy link
Contributor

NB: Update cypress specification path for `

@cypress
Copy link

cypress bot commented Dec 4, 2025

Workday/canvas-kit    Run #9832

Run Properties:  status check passed Passed #9832  •  git commit 970d65d8ba ℹ️: Merge a908e6af84aac75a4b1c0158c59b38e1ecbf92f7 into 26a8bc06dba5ae759ca62ae8922a...
Project Workday/canvas-kit
Branch Review chore/upgrade-storybook-to-vite
Run status status check passed Passed #9832
Run duration 02m 30s
Commit git commit 970d65d8ba ℹ️: Merge a908e6af84aac75a4b1c0158c59b38e1ecbf92f7 into 26a8bc06dba5ae759ca62ae8922a...
Committer Nicholas Boll
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 19
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 910
View all changes introduced in this branch ↗︎
UI Coverage  19.61%
  Untested elements 1531  
  Tested elements 371  
Accessibility  99.26%
  Failed rules  6 critical   5 serious   0 moderate   2 minor
  Failed elements 95  

@mannycarrera4 mannycarrera4 mentioned this pull request Dec 8, 2025
8 tasks
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.

2 participants