@cimpress/react-components
Version:
React components to support the MCP styleguide
55 lines • 4 kB
JavaScript
;
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());
});
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const experimental_ct_react17_1 = require("@playwright/experimental-ct-react17");
const Radio_1 = require("./Radio");
const Radio_playwright_stories_1 = require("./Radio.playwright-stories");
const RadioGroup_1 = require("./RadioGroup");
(0, experimental_ct_react17_1.test)('radio is checked after click (uncontrolled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
const component = yield mount(react_1.default.createElement(Radio_1.Radio, { label: "Test", value: "test" }));
yield component.click();
yield (0, experimental_ct_react17_1.expect)(component).toBeChecked();
}));
(0, experimental_ct_react17_1.test)('radio is checked after click (controlled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
const component = yield mount(react_1.default.createElement(Radio_playwright_stories_1.RadioControlled, { label: "Test", value: "test" }));
yield component.click();
yield (0, experimental_ct_react17_1.expect)(component).toBeChecked();
}));
(0, experimental_ct_react17_1.test)('radio group item is checked after click (uncontrolled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
const component = yield mount(react_1.default.createElement(RadioGroup_1.RadioGroup, { name: "test" },
react_1.default.createElement(Radio_1.Radio, { label: "Example 1", value: "example1" }),
react_1.default.createElement(Radio_1.Radio, { label: "Example 2", value: "example2" }),
react_1.default.createElement(Radio_1.Radio, { label: "Example 3", value: "example3" })));
yield component.getByText('Example 2').click();
yield (0, experimental_ct_react17_1.expect)(component.getByText('Example 2')).toBeChecked();
}));
(0, experimental_ct_react17_1.test)('radio group item is checked after click (controlled)', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
const component = yield mount(react_1.default.createElement(Radio_playwright_stories_1.RadioGroupControlled, { name: "test" }));
yield component.getByText('Example 2').click();
yield (0, experimental_ct_react17_1.expect)(component.getByText('Example 2')).toBeChecked();
}));
(0, experimental_ct_react17_1.test)('onChange is called after selection change', (_a) => __awaiter(void 0, [_a], void 0, function* ({ mount }) {
let value;
const component = yield mount(react_1.default.createElement(RadioGroup_1.RadioGroup, { name: "test", onChange: (e, v) => {
value = v;
} },
react_1.default.createElement(Radio_1.Radio, { label: "Example 1", value: "example1" }),
react_1.default.createElement(Radio_1.Radio, { label: "Example 2", value: "example2" }),
react_1.default.createElement(Radio_1.Radio, { label: "Example 3", value: "example3" })));
yield component.getByText('Example 2').click();
yield (0, experimental_ct_react17_1.expect)(component.getByText('Example 2')).toBeChecked();
yield experimental_ct_react17_1.expect.poll(() => value).toBe('example2');
}));
//# sourceMappingURL=Radio.spec.js.map