mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
|
import React from 'react';
|
||
|
import { mount } from 'enzyme';
|
||
|
import { SmileOutlined } from '@ant-design/icons';
|
||
|
import IconContext from '@ant-design/icons/lib/components/Context';
|
||
|
import ConfigProvider from '..';
|
||
|
|
||
|
describe('ConfigProvider.Icon', () => {
|
||
|
beforeEach(() => {
|
||
|
// eslint-disable-next-line jest/no-standalone-expect
|
||
|
expect(document.querySelectorAll('style')).toHaveLength(0);
|
||
|
});
|
||
|
|
||
|
afterEach(() => {
|
||
|
document.querySelectorAll('style').forEach(style => {
|
||
|
style.parentNode.removeChild(style);
|
||
|
});
|
||
|
});
|
||
|
|
||
|
it('basic', () => {
|
||
|
const wrapper = mount(
|
||
|
<ConfigProvider iconPrefixCls="bamboo" csp={{ nonce: 'light' }}>
|
||
|
<SmileOutlined />
|
||
|
</ConfigProvider>,
|
||
|
);
|
||
|
|
||
|
const styleNode = document.querySelector('style');
|
||
|
|
||
|
expect(wrapper.exists('.bamboo-smile')).toBeTruthy();
|
||
|
expect(styleNode.nonce).toEqual('light');
|
||
|
});
|
||
|
|
||
|
it('nest', () => {
|
||
|
const Checker = () => {
|
||
|
const { csp } = React.useContext(IconContext);
|
||
|
return <div id="csp">{csp.nonce}</div>;
|
||
|
};
|
||
|
|
||
|
const wrapper = mount(
|
||
|
<ConfigProvider iconPrefixCls="bamboo" csp={{ nonce: 'light' }}>
|
||
|
<ConfigProvider>
|
||
|
<SmileOutlined />
|
||
|
<Checker />
|
||
|
</ConfigProvider>
|
||
|
</ConfigProvider>,
|
||
|
);
|
||
|
|
||
|
const styleNode = document.querySelector('style');
|
||
|
|
||
|
expect(wrapper.exists('.bamboo-smile')).toBeTruthy();
|
||
|
expect(styleNode.nonce).toEqual('light');
|
||
|
expect(wrapper.find('#csp').text()).toEqual('light');
|
||
|
});
|
||
|
});
|