npm downloads
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Analyze and visualize download stats for npm packages and authors.
Showing npm packages maintained by this author. Pick a package to open detailed download analytics.
Each of the UI components in this project contains themes for multiple browsers. These themes are built using the [postcss-themed](https://github.com/intuit/postcss-themed) package, which allows us to specify themes for multiple browsers in light and dark
An emulation of the Chrome and Firefox object inspector, which allows you to view JavaScript objects in the console.
A versatile expanding `Tree` component, with full keyboard navigation following the [Tree View Design Pattern](https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html).
Object parser is a utility used by the the `Object Inspector` package, which creates a JSON tree structure with node types that help simplify the JavaScript type system. It also uses TypeScript to make logic around using the tree strongly typed.
A VueJS JSON Tree View with no dependencies and module builds.
A plugin that logs test results to the console.
Writing a test using proof is very similar to how you write your stories. Typically you'd start with:
A navigation bar with tabs and icons, based on the tab navigation in browser inspectors.
A plugin that adds the option to skip the _actual_ test execution, but preserve the before and after side-effects of a test. This is most widely used in conjunction with the [accessibility-plugin](./accessibility) or [applitools-plugin](./applitools) to l
A flexible table component, modeled after the network inspector in Chrome and FireFox.
A plugin to enable babel as a test preprocessor, allowing the use of ES6/ESNext features while authoring. The default configuration uses `@babel/preset-env`
A plugin that outputs test results in the JUnit XML format.
The majority of the configuration for `proof` is set through the `proof.config.js` file in the root of your project.
Uses [`axe`](https://www.deque.com/axe/) to scan each story against accessibility rules. Violatons are printed to the console, and included in any reports.
A plugin to add an empty test for each untested storybook story.
A set of React-packaged SVG icons commonly used in developer tools.
The `Console` component emulates the familiar JavaScript REPL experience seen in many browsers. You can customize the function that executes the code, as well as how results are displayed.
Uses [applitools](https://applitools.com/) Visual Grid to take a snapshot of your story and run a visual regression check. It can be configured to run on may different screen-size and browser combinations. Make sure the `APPLITOOLS_ID` environment variabl
An emulation of the Chrome and Firefox DOM inspector, built on the `@devtools-ds/tree` component.
Provides Proof with visual regression testing capabilities by porting over functionality from (jest-image-snapshot)[https://github.com/americanexpress/jest-image-snapshot].
A component for rendering DOM Node style opening and closing HTML tags.
This is a package of browser extension templates, which removes a majority of the usual boilerplate needed to get started. We're still working on adding more templates, and simplifying the developer experience. If you see an area to improve, feel free to
`PortController` is a simple class for managing browser `Runtime.Port` objects in the `background` script of your extension.
The `Diagnostic` component displays errors and warnings from code, similar to errors produced by tools like webpack. It can also be used to display errors produced by a [Language Server](https://code.visualstudio.com/api/language-extensions/language-serve
Analyze and visualize download stats for npm packages and authors.
Showing npm packages maintained by this author. Pick a package to open detailed download analytics.
Each of the UI components in this project contains themes for multiple browsers. These themes are built using the [postcss-themed](https://github.com/intuit/postcss-themed) package, which allows us to specify themes for multiple browsers in light and dark
An emulation of the Chrome and Firefox object inspector, which allows you to view JavaScript objects in the console.
A versatile expanding `Tree` component, with full keyboard navigation following the [Tree View Design Pattern](https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html).
Object parser is a utility used by the the `Object Inspector` package, which creates a JSON tree structure with node types that help simplify the JavaScript type system. It also uses TypeScript to make logic around using the tree strongly typed.
A VueJS JSON Tree View with no dependencies and module builds.
A plugin that logs test results to the console.
Writing a test using proof is very similar to how you write your stories. Typically you'd start with:
A navigation bar with tabs and icons, based on the tab navigation in browser inspectors.
A plugin that adds the option to skip the _actual_ test execution, but preserve the before and after side-effects of a test. This is most widely used in conjunction with the [accessibility-plugin](./accessibility) or [applitools-plugin](./applitools) to l
A flexible table component, modeled after the network inspector in Chrome and FireFox.
A plugin to enable babel as a test preprocessor, allowing the use of ES6/ESNext features while authoring. The default configuration uses `@babel/preset-env`
A plugin that outputs test results in the JUnit XML format.
The majority of the configuration for `proof` is set through the `proof.config.js` file in the root of your project.
Uses [`axe`](https://www.deque.com/axe/) to scan each story against accessibility rules. Violatons are printed to the console, and included in any reports.
A plugin to add an empty test for each untested storybook story.
A set of React-packaged SVG icons commonly used in developer tools.
The `Console` component emulates the familiar JavaScript REPL experience seen in many browsers. You can customize the function that executes the code, as well as how results are displayed.
Uses [applitools](https://applitools.com/) Visual Grid to take a snapshot of your story and run a visual regression check. It can be configured to run on may different screen-size and browser combinations. Make sure the `APPLITOOLS_ID` environment variabl
An emulation of the Chrome and Firefox DOM inspector, built on the `@devtools-ds/tree` component.
Provides Proof with visual regression testing capabilities by porting over functionality from (jest-image-snapshot)[https://github.com/americanexpress/jest-image-snapshot].
A component for rendering DOM Node style opening and closing HTML tags.
This is a package of browser extension templates, which removes a majority of the usual boilerplate needed to get started. We're still working on adding more templates, and simplifying the developer experience. If you see an area to improve, feel free to
`PortController` is a simple class for managing browser `Runtime.Port` objects in the `background` script of your extension.
The `Diagnostic` component displays errors and warnings from code, similar to errors produced by tools like webpack. It can also be used to display errors produced by a [Language Server](https://code.visualstudio.com/api/language-extensions/language-serve