@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.47 kB
JavaScript
import React from 'react';
import { render } from '@testing-library/react';
import { CnSkeleton } from '../index';
describe('CnSkeleton', function () {
it('renders without crashing', function () {
var container = render(React.createElement(CnSkeleton, null)).container;
expect(container).toBeInTheDocument();
});
it('renders children correctly', function () {
var getByText = render(React.createElement(CnSkeleton, null,
React.createElement("div", null, "Child Component"))).getByText;
expect(getByText('Child Component')).toBeInTheDocument();
});
it('applies className correctly', function () {
var container = render(React.createElement(CnSkeleton, { className: "custom-class" })).container;
expect(container.firstChild).toHaveClass('custom-class');
});
it('renders Title component correctly', function () {
var container = render(React.createElement(CnSkeleton, { className: "d" },
React.createElement(CnSkeleton.Title, null))).container;
expect(container.firstChild.firstChild).toHaveClass('cn-ui-m-skeleton-title');
});
it('renders Paragraph component correctly', function () {
var container = render(React.createElement(CnSkeleton, { className: "d" },
React.createElement(CnSkeleton.Paragraph, null))).container;
expect(container.firstChild.firstChild).toHaveClass('cn-ui-m-skeleton-paragraph');
});
});