@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.25 kB
JavaScript
import React from 'react';
import { render, screen } from '@testing-library/react';
import { CnLoading } from '../index';
describe('CnLoading', function () {
test('renders loading indicator when visible is true', function () {
var container = render(React.createElement(CnLoading, { visible: true })).container;
expect(container.querySelector('.cn-ui-m-loading')).toBeInTheDocument();
});
test('does not render loading indicator when visible is false', function () {
var container = render(React.createElement(CnLoading, { visible: false })).container;
expect(container.querySelector('.cn-ui-m-loading')).not.toBeInTheDocument();
});
test('renders tip content when tip is provided', function () {
render(React.createElement(CnLoading, { visible: true, tip: "Loading..." }));
var tipContent = screen.getByText('Loading...');
expect(tipContent).toBeInTheDocument();
});
test('renders children when visible is false', function () {
render(React.createElement(CnLoading, { visible: false },
React.createElement("div", null, "Content")));
var content = screen.getByText('Content');
expect(content).toBeInTheDocument();
});
});