@cainiaofe/cn-ui-m
Version:
47 lines (46 loc) • 2.65 kB
JavaScript
import React from 'react';
import { render, screen } from '@testing-library/react';
import { CnPageFooter } from '../index';
import { CnPage } from '../../cn-page/index';
import { CnButton } from "../../..";
describe('CnPageFooter', function () {
it('renders children correctly', function () {
render(React.createElement(CnPageFooter, null,
React.createElement("div", null, "Child 1"),
React.createElement("div", null, "Child 2")));
expect(screen.getByText('Child 1')).toBeInTheDocument();
expect(screen.getByText('Child 2')).toBeInTheDocument();
});
it('has placeholder dom', function () {
render(React.createElement(CnPage, null,
React.createElement(CnPageFooter, null,
React.createElement("div", null, "Child 1"))));
expect(document.querySelector('.cn-ui-m-page-footer-placeholder')).toBeInTheDocument();
});
test('三个按钮时全部展示', function () {
var getByText = render(React.createElement(CnPage, { footer: React.createElement(CnPageFooter, { middleSlot: [
React.createElement(CnButton, null, "\u6309\u94AE\u4E00"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
] }) })).getByText;
expect(getByText('按钮三')).toBeInTheDocument();
});
test('验证按钮栏fullWidth', function () {
var getByText = render(React.createElement(CnPage, { footer: React.createElement(CnPageFooter, { middleSlot: [
React.createElement(CnButton, null, "\u6309\u94AE\u4E00"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
React.createElement(CnButton, null, "\u6309\u94AE\u56DB"),
] }) })).getByText;
expect(getByText('按钮一')).toHaveClass('cn-ui-m-button-fullwidth');
});
test('验证按钮size=large', function () {
var getByText = render(React.createElement(CnPage, { footer: React.createElement(CnPageFooter, { middleSlot: [
React.createElement(CnButton, null, "\u6309\u94AE\u4E00"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E8C"),
React.createElement(CnButton, null, "\u6309\u94AE\u4E09"),
React.createElement(CnButton, null, "\u6309\u94AE\u56DB"),
] }) })).getByText;
expect(getByText('按钮一')).toHaveClass('cn-ui-m-button-large');
});
});