@cimpress/react-components/dist/esm/src/radio/Radio.spec.js

React components to support the MCP styleguide

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import React from 'react';
import { test, expect } from '@playwright/experimental-ct-react17';
import { Radio } from './Radio';
import { RadioControlled, RadioGroupControlled } from './Radio.playwright-stories';
import { RadioGroup } from './RadioGroup';
test('radio is checked after click (uncontrolled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
    const component = yield mount(React.createElement(Radio, { label: "Test", value: "test" }));
    yield component.click();
    yield expect(component).toBeChecked();
}));
test('radio is checked after click (controlled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
    const component = yield mount(React.createElement(RadioControlled, { label: "Test", value: "test" }));
    yield component.click();
    yield expect(component).toBeChecked();
}));
test('radio group item is checked after click (uncontrolled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
    const component = yield mount(React.createElement(RadioGroup, { name: "test" },
        React.createElement(Radio, { label: "Example 1", value: "example1" }),
        React.createElement(Radio, { label: "Example 2", value: "example2" }),
        React.createElement(Radio, { label: "Example 3", value: "example3" })));
    yield component.getByText('Example 2').click();
    yield expect(component.getByText('Example 2')).toBeChecked();
}));
test('radio group item is checked after click (controlled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
    const component = yield mount(React.createElement(RadioGroupControlled, { name: "test" }));
    yield component.getByText('Example 2').click();
    yield expect(component.getByText('Example 2')).toBeChecked();
}));
test('onChange is called after selection change', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
    let value;
    const component = yield mount(React.createElement(RadioGroup, { name: "test", onChange: (e, v) => {
            value = v;
        } },
        React.createElement(Radio, { label: "Example 1", value: "example1" }),
        React.createElement(Radio, { label: "Example 2", value: "example2" }),
        React.createElement(Radio, { label: "Example 3", value: "example3" })));
    yield component.getByText('Example 2').click();
    yield expect(component.getByText('Example 2')).toBeChecked();
    yield expect.poll(() => value).toBe('example2');
}));
//# sourceMappingURL=Radio.spec.js.map