wix-storybook-utils/dist/es/src/DoDont/test/DoDont.test.js

Utilities for automated component documentation within Storybook

import { __assign } from "tslib";
import * as React from 'react';
import { render } from '@testing-library/react';
import DoDont from '../DoDont';
var doList = [
    'Use it to insert names, titles and other short textual information.',
    'Use it to build custom inputs like Credit Card input.',
];
describe('DoDont', function () {
    it('should render only do when dont is not defined', function () {
        var props = {
            do: { list: doList },
        };
        var container = render(React.createElement(DoDont, __assign({}, props))).container;
        expect(container.querySelector('[data-hook="dodont-do"]')).toBeTruthy();
        expect(container.querySelector('[data-hook="dodont-dont"]')).toBe(null);
    });
    it('should render only dont when do is not defined', function () {
        var props = {
            dont: { list: doList },
        };
        var container = render(React.createElement(DoDont, __assign({}, props))).container;
        expect(container.querySelector('[data-hook="dodont-dont"]')).toBeTruthy();
        expect(container.querySelector('[data-hook="dodont-do"]')).toBe(null);
    });
    it('should have title for do by default', function () {
        var props = {
            do: { list: doList },
        };
        var container = render(React.createElement(DoDont, __assign({}, props)));
        expect(container.getByText('Do').textContent).toBe('Do');
    });
    it('should have title for dont by default', function () {
        var props = {
            dont: { list: doList },
        };
        var container = render(React.createElement(DoDont, __assign({}, props)));
        expect(container.getByText("Don't").textContent).toBe("Don't");
    });
});
//# sourceMappingURL=DoDont.test.js.map