https://github.com/airbnb/react-component-variations-consumer-enzyme

enzyme consumer for react-component-variations
https://github.com/airbnb/react-component-variations-consumer-enzyme

Last synced: about 1 month ago
JSON representation

enzyme consumer for react-component-variations

• Host: GitHub
• URL: https://github.com/airbnb/react-component-variations-consumer-enzyme
• Owner: airbnb
• License: mit
• Created: 2018-05-18T21:59:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T01:24:51.000Z (over 2 years ago)
• Last Synced: 2024-05-02T01:15:55.639Z (over 1 year ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 2
• Watchers: 20
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
| :exclamation: Deprecation Notice |

|:-|

|We want to express our sincere gratitude for your support and contributions to this open source project. As we are no longer using this technology internally, we have come to the decision to archive this repository. While we won't be providing further updates or support, the existing code and resources will remain accessible for your reference. We encourage anyone interested to fork the repository and continue the project's legacy independently. Thank you for being a part of this journey and for your patience and understanding.|

# react-component-variations-consumer-enzyme

enzyme consumer for react-component-variations

## Example using jest:

```jsx

import React from 'react';

import { expect } from 'chai';

import { render as staticRender, shallow } from 'enzyme';

import wrap from 'jest-wrap';

import forEachVariation from 'react-component-variations/traversal/forEachVariation';

import fixtures from '../variations/fixtures'; // fixture data

const action = () => () => {}; // used by storybook

// a jest-wrap plugin (usually this would be in its own module)

const isDOM = typeof window !== 'undefined';

function withDOM() {

  return isDOM

    ? this.extend('with DOM', {})

    : this.extend('without DOM', {}).skip();

}

import enzymeTests from 'react-component-variations-consumer-enzyme';

enzymeTests((name, { title, validTest, noThrowTest }) => {

  describe(`<${name}> ${title}`, () => {

    validTest((description, testFn) => {

      it(description, () => {

        expect(testFn()).to.equal(true);

      });

    });

    noThrowTest((description, testFn, requiresDOM = false) => {

      if (requiresDOM) {

        wrap().use(withDOM).it(description, () => {

          expect(() => testFn()).not.to.throw();

        });

      } else {

        it(description, () => {

          expect(() => testFn()).not.to.throw();

        });

      }

    });

  });

}, {

  getExtras() { return { action, fixtures }; },

});

```