mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-13 15:49:10 +08:00
3515a40706
* refactor: ConfigProvider theme support component alias * test: fix test case * chore: code clean * test: fix lint * test: fix tsx-demo
76 lines
1.7 KiB
TypeScript
76 lines
1.7 KiB
TypeScript
import * as React from 'react';
|
|
import { mount } from 'enzyme';
|
|
import ConfigProvider from '..';
|
|
import Button from '../../button';
|
|
import Divider from '../../divider';
|
|
|
|
describe('ConfigProvider.DynamicTheme', () => {
|
|
beforeEach(() => {
|
|
Array.from(document.querySelectorAll('style')).forEach(style => {
|
|
style.parentNode?.removeChild(style);
|
|
});
|
|
});
|
|
|
|
it('customize primary color', () => {
|
|
mount(
|
|
<ConfigProvider
|
|
theme={{
|
|
token: {
|
|
colorPrimary: '#f00000',
|
|
},
|
|
}}
|
|
>
|
|
<Button />
|
|
</ConfigProvider>,
|
|
);
|
|
|
|
const dynamicStyles = Array.from(document.querySelectorAll('style[data-css-hash]'));
|
|
|
|
expect(
|
|
dynamicStyles.some(style => {
|
|
const { innerHTML } = style;
|
|
return (
|
|
innerHTML.includes('.ant-btn-primary') && innerHTML.includes('background-color:#f00000')
|
|
);
|
|
}),
|
|
).toBeTruthy();
|
|
});
|
|
|
|
it('not crash on null token', () => {
|
|
expect(() => {
|
|
mount(
|
|
<ConfigProvider
|
|
theme={{
|
|
token: null as any,
|
|
}}
|
|
/>,
|
|
);
|
|
}).not.toThrow();
|
|
});
|
|
|
|
it('should support overriding aliasToken', () => {
|
|
mount(
|
|
<ConfigProvider
|
|
theme={{
|
|
token: {
|
|
colorSplit: 'blue',
|
|
},
|
|
}}
|
|
>
|
|
<Divider />
|
|
</ConfigProvider>,
|
|
);
|
|
|
|
const dynamicStyles = Array.from(document.querySelectorAll('style[data-css-hash]'));
|
|
|
|
expect(
|
|
dynamicStyles.some(style => {
|
|
const { innerHTML } = style;
|
|
return (
|
|
innerHTML.includes('.ant-divider') && innerHTML.includes('border-block-start:0 blue')
|
|
);
|
|
}),
|
|
).toBeTruthy();
|
|
});
|
|
});
|