@teamsnap/teamsnap-ui/dist/js/components/CheckboxPill/CheckboxPill.test.js

a CSS component library for TeamSnap

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
require("@testing-library/jest-dom");
var react_2 = require("@testing-library/react");
var CheckboxPill_1 = __importDefault(require("./CheckboxPill"));
describe('CheckboxPill component', function () {
    test('should render an inactive pill', function () {
        react_2.render(react_1.default.createElement(CheckboxPill_1.default, null));
        var Pill = react_2.screen.getByTestId('pill');
        expect(Pill).not.toHaveClass('Pill--active');
    });
    test('should activate pill when click on checkbox', function () {
        react_2.render(react_1.default.createElement(CheckboxPill_1.default, null));
        var Checkbox = react_2.screen.getByTestId('Sample-input');
        react_2.fireEvent.click(Checkbox);
        var Pill = react_2.screen.getByTestId('pill');
        expect(Pill).toHaveClass('Pill--active');
    });
});