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

Storybook upgrade to 6.4 final #215

Merged
merged 25 commits into from
Dec 6, 2021
Merged

Storybook upgrade to 6.4 final #215

merged 25 commits into from
Dec 6, 2021

Conversation

fredvisser
Copy link
Contributor

@fredvisser fredvisser commented Dec 2, 2021

Pull Request

🀨 Rationale

We've been running Storybook 6.4 beta for awhile, but Storybook 6.4 recently went final.

πŸ‘©β€πŸ’» Implementation

  1. Updated to 6.4 final packages
  2. Installed new Interactions add-on
  3. Installed new Storybook eslint rules and updated stories to reflect new preference for PascalCase story functions. Also, selectively disabled the conflicting camelCase rule for story files.
  4. Fixed Story typing within the matrix stories
  5. Removed the layout: 'fullscreen' parameter, to restore default Storybook padding around each control. Also, removed non-functional preview-head.html styling.

πŸ§ͺ Testing

  1. Local build, lint, test
  2. Run Storybook and review all pages, add-ons, etc.
  3. Reviewed Chromatic to confirm all changes related only to padding change

βœ… Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

@fredvisser fredvisser changed the title Sb upgrade to 6.4 beta Storybook upgrade to 6.4 final Dec 3, 2021
@fredvisser fredvisser marked this pull request as ready for review December 3, 2021 15:41
"@storybook/html": "^6.4.0",
"@storybook/jest": "^0.0.5",
"@storybook/manager-webpack5": "^6.4.0",
"@storybook/testing-library": "^0.0.7",
Copy link
Member

Choose a reason for hiding this comment

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

Are these new packages @storybook/jest and @storybook/testing-library intentional? Their comments talk about testing for React components which doesn't seem necessary for us

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I included both to use with the new Interactions add-on. We may choose not to use the jest component, but I'll give a demo next week to show the capabilities.

Copy link
Member

@rajsite rajsite left a comment

Choose a reason for hiding this comment

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

Let's correctly type the exported Stories

packages/nimble-components/tsconfig.json Outdated Show resolved Hide resolved
@fredvisser fredvisser merged commit 2f623ef into main Dec 6, 2021
@fredvisser fredvisser deleted the sb-upgrade-to-6.4-beta branch December 6, 2021 19:49
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