test-utils
storybook
test-utils | storybook | |
---|---|---|
8 | 325 | |
983 | 82,947 | |
2.1% | 0.5% | |
9.3 | 10.0 | |
4 days ago | 6 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
test-utils
-
Exploring Component Testing in Vue with Playwright
Unlike Vue Test Utils or Testing Library, the mount() in Playwright does not work the same way. It does not accept a second parameter as additional Vue component options. To pass a prop upon mounting, we will use JSX syntax, as follows:
-
findByText for Vue Test Utils
When it comes to testing Vue components, Vue Test Utils is the official testing library that provides a rich set of utilities for interacting with and asserting on components in a Vue application. However, just like any library, there are always opportunities for enhancements and additions to further improve the testing experience.
-
Vitest/Vue Test Utils/typescript conflict?
I found this github issue from years ago that explains this is a known issue at the time and includes a workaround, but I'd prefer not to use a workaround. https://github.com/vuejs/test-utils/issues/194
-
Composition API testing, how to mock a method?
Same question https://github.com/vuejs/test-utils/issues/1718
-
Integration testing Vue3 with Pinia
I was working on a Vue 3 project where I had to write an integration test with vue test utils for a component that relied on Pinia, while at the same time needing to set some initial state on a Pinia store before mounting that component. This caused a problem:
-
How can i unit test serverPrefetch?
Issue: https://github.com/vuejs/test-utils/issues/1218 SSR package: https://github.com/vuejs/core/tree/main/packages/server-renderer
-
What are some problems with Vue.js?
spyOn is blocked by https://github.com/vuejs/vue-next/pull/4216. We have a PR for that in Test Utils, once this is merged: https://github.com/vuejs/vue-test-utils-next/pull/811
-
TIL: 2021-09-20 Automatically update package.json dependencies
This was a tricky one because at a first glance it may seem that I have a typescript problem in project which is technically correct, but actually this is a bug in @vue/test-utils-next library which was introduced in 2.0.0-rc.14 version. Installing 2.0.0-rc.13 or setting skipLibCheck: true in tsconfig.json solves this. For my case I've chosen the first approach.
storybook
-
Modern React testing, part 5: Playwright
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
-
How to use NextJS pathname in Storybook 8
Source: qcatch on Feb 22, 2024 https://github.com/storybookjs/storybook/discussions/25470
-
Storybook not picking up tailwindcss
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
-
Astro.js as an alternative to Next.js: pushing the limits
Astro has no runtime. This means no unit tests. This also means no Storybook for your Astro components (although, theyโre working on it!)
-
Release Radar โข March 2024 Edition
If you're into UI development, then you need to know about Storybook. It's a frontend workshop for building UI components and pages in isolation. The latest version brings some big improvements for testing and documentation with built-in visual testing. There's also React Server Component support, improved controls for React and Vue projects, as well as improved Vite architecture, Vitest testing, and Vite 5 support. Check out all the major changes in the Storybook changelog.
-
Top 10 Tools Every React Developer Needs in 2024
Storybook
-
Announcing AnalogJS 1.0 ๐
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
Storybook 8
Storybook is the industry standard UI tool for building, testing, and documenting components and pages. Itโs used by thousands of teams globally, integrates with all major JavaScript frameworks, and combines with most leading design and developer tools.
-
Add Cypress, Playwright, and Storybook to Nx Expo Apps
Expo has first-class support for building full-stack websites with React, so I can leverage that to add Cypress/Playwright for E2E testing and add the Storybook for UI components.
-
13 best React debugging tools
Storybook emerges as a pioneering solution among React debugging tools, offering an interactive environment for developers to create and test UI components. With its robust platform, teams can build, organize, and design UI components, and even entire screens, without the hurdles of business logic and plumbing.
What are some alternatives?
nx-examples - Example repo for Nx workspace
Docusaurus - Easy to maintain open source documentation websites.
vue-ts - Vite + Vue + TypeScript template
fluentui-blazor - Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
react-styleguidist - Isolated React component development environment with a living style guide
core - ๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
fractal - A tool to help you build and document website component libraries and design systems.
angular-testing-library - ๐ Simple and complete Angular testing utilities that encourage good testing practices
svelte-luna - svelte ui kit
primeng - The Most Complete Angular UI Component Library
Bit - A build system for development of composable software.