···1111<br><br><br>
12121313**Website with Patterns coming soon.**
1414+1515+## Development
1616+1717+1. Install deps with `yarn install`
1818+2. Run tests with `yarn test`
1919+3. Alternatively, you can use `yarn test:open` to run Cypress UI, where you can visual see the browser running tests so they can be easier to debug.
2020+2121+We use [Cypress component testing](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test), and this is how we develop and test the react hooks offered by this library.
···11+// ***********************************************************
22+// This example support/component.ts is processed and
33+// loaded automatically before your test files.
44+//
55+// This is a great place to put global configuration and
66+// behavior that modifies Cypress.
77+//
88+// You can change the location of this file or turn off
99+// automatically serving support files with the
1010+// 'supportFile' configuration option.
1111+//
1212+// You can read more here:
1313+// https://on.cypress.io/configuration
1414+// ***********************************************************
1515+1616+import 'cypress-real-events/support';
1717+1818+import './commands';
1919+2020+import { mount } from 'cypress/react';
2121+2222+// Augment the Cypress namespace to include type definitions for
2323+// your custom command.
2424+// Alternatively, can be defined in cypress/support/component.d.ts
2525+// with a <reference path="./component" /> at the top of your spec.
2626+declare global {
2727+ namespace Cypress {
2828+ interface Chainable {
2929+ mount: typeof mount;
3030+ }
3131+ }
3232+}
3333+3434+Cypress.Commands.add('mount', mount);
3535+3636+// Example use:
3737+// cy.mount(<MyComponent />)
-16
cypress/support/index.js
···11-// ***********************************************************
22-// This example support/index.js is processed and
33-// loaded automatically before your test files.
44-//
55-// This is a great place to put global configuration and
66-// behavior that modifies Cypress.
77-//
88-// You can change the location of this file or turn off
99-// automatically serving support files with the
1010-// 'supportFile' configuration option.
1111-//
1212-// You can read more here:
1313-// https://on.cypress.io/configuration
1414-// ***********************************************************
1515-1616-import 'cypress-real-events/support';