Jest Snapshot Testing for React Styleguidist. In v4, snapshots have been renamed to .sg (as opposed to .snap) to avoid conflicts with Jest, and improve compatibility with create-react-app.
https://github.com/styleguidist/snapguidistTags | snapshot-testing jest react styleguidist |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.
vue-components styleguide vuejs vue parser vuejs2 doc styleguidist markdown documentation style-guide docs generator component componentsReact Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files. Check out the demo style guide. The change log can be found on the Releases page.
react styleguide documentation jsx style-guide docs generator component componentsDiffing snapshot utility for Jest. Takes two values, and return their difference as a string, ready to be snapshotted with toMatchSnapshot(). Especially helpful when testing the difference between different React component states.
snapshot snapshot-testing jest reactThis is the UI component framework for Yammer.com.It is built with React on top of Office UI Fabric components. Unit tests are run through Jest, isolated development environment and documentation is provided by Styleguidist, and visual diff regression is done with Puppeteer and pixelmatch. Visual diff tasks run within a Docker container to ensure consistency between local development environments and CI.
A set of utilities for testing Styled Components with Jest. This package improves the snapshot testing experience and provides a brand new matcher to make expectations on the style rules. Jest snapshot testing is an excellent way to test React components (or any serializable value) and make sure things don't change unexpectedly. It works with Styled Components but there are a few problems that this package addresses and solves.
The changelog is automatically generated via standard-version and can be found in project root as well as npm tarball. Please, be noted, no one, I mean, no one, is obligated to help you in ANY means. Your time is valuable, so does our contributors. Don't waste our time posting questions like “how do I do X with React-Google-Maps” and “my code doesn't work”. This is not the primary purpose of the issue tracker. Don't abuse.
react google-maps-javascript-api react-styleguidist google map react-component recompose hoc addons/infobox addons/markerclusterer circle directionsrenderer drawing/drawingmanager fusiontableslayer googlemap infowindow kmllayer marker overlayview places/searchbox polygon polyline rectangle streetviewpanorama trafficlayer visualization/heatmaplayer withgooglemap withscriptjsJest matcher that performs image comparisons using pixelmatch and behaves just like Jest snapshots do! Very useful for visual regression testing. The failure threshold can be set in percent, in this case if the difference is over 1%.
jest testing snapshot visual-comparison-testing test amex visual-testing css browser-testingA simple parser for React properties defined in TypeScript instead of propTypes. It can be used with React Styleguidist.
Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.
vuejs design-systems design-system vue-styleguidist components component-library vue vue-design-system vue.js design systemJest is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using: Babel, TypeScript, Node, React, Angular, Vue and more. It provides instant feedback, fast interactive watch mode runs only test files related to changed files and is optimized to give signal quickly.
testing painless-javascript-testing facebook immersive painless expectation easy snapshotNote from maintainers Since Jest supports snapshot testing, we recommend you to use that instead of expect-jsx. expect-jsx is no more compatible with recent Jest versions (22), it can be made compatible so feel free to open a PR if so.
react jsx expect jest expect-extension stringYou want to use jest to write tests that assert various things about the state of a DOM. As part of that goal, you want to avoid all the repetitive patterns that arise in doing so. Checking for an element's attributes, its text content, its css classes, you name it. The @testing-library/jest-dom library provides a set of custom jest matchers that you can use to extend jest. These will make your tests more declarative, clear to read and to maintain.
testing dom jest jest-matchers jsdom custom-matcher react-testing-library dom-testing-libraryts-jest is a TypeScript preprocessor with source map support for Jest that lets you use Jest to test projects written in TypeScript. It supports all features of TypeScript including type-checking. Read more about Babel7 + preset-typescript vs TypeScript (and ts-jest).
typescript testing jest sourcemap reactAn assertion library for enzyme. This library supports several testing frameworks including Jest and Jasmine.
jest jasmine enzyme tdd unit-testing shallow-rendering shallowrender test reactjs react flux testing test-utils assertion-helpersThis is Part 2 of the series "Modular Isomorphic React JS applications". See Part 1 and Part 3 for more. Unit testing React is traditionally done using Jest which dictates the use of the Jasmine testing framework, and enforces mocking of all require calls. For such an unopinionated rendering engine, this is a very opinionated setup, resulting in issues such as overly-verbose unmocking of requires, and being tied into Jasmine's limited framework.
Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.Enzyme's API is meant to be intuitive and flexible by mimicking jQuery's API for DOM manipulation and traversal.
enzyme react mocha react-components ava jest chai assertion-library traversal test-runners test testing assertions shallow-rendering shallowrender reactjs flux test-utils assertion-helpers tddMajestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of the best testing experiences available today. But Majestic humbly tries to expand upon it by providing a rich UI to be used during the dev/test loop.Ok, I lied partially about the zero config part.
jest developer-tools electron react html-coverage-report developer-experience mobx styled-componentsCapture a React Native view to an image. Make sure react-native-view-shot is correctly linked in XCode (might require a manual installation, refer to React Native doc).
react-native snapshot capture screenshot viewshot view-snapshot rasterizeGold Sponsors are those who have pledged $100/month and more to jest-puppeteer. Writing integration test can be done using Puppeteer API but it can be complicated and hard because API is not designed for testing.
jest puppeteer jest-environment chrome chromeless integration-testingTo make things easy for you, the config.example.js has been initialized to use the remote Snowflake Hapi Server which is running on Redhat OpenShift. Please refer to https://github.com/bartonhammond/snowflake-hapi-openshift for more information about the code and instructions for installation and setup of the server.
react-native redux jest immutablejs fastlane bitrise eslint parse-server hapi-server tcomb-form-native validate standard-js react-native-router-flux react-native-vector-icons i18n key-mirror async-storage snowflake
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.