ant-design/components/theme/__tests__/token.test.tsx
MadCcc dc017f5141
feat: dark color algorithm (#36546)
* feat: dark color algorithm

* test: fix lint

* chore: update colorError

* chore: color update
2022-07-15 19:27:29 +08:00

50 lines
1.2 KiB
TypeScript

import { Theme } from '@ant-design/cssinjs';
import * as React from 'react';
import { render, renderHook } from '../../../tests/utils';
import ConfigProvider from '../../config-provider';
import theme from '../export';
const { useToken } = theme;
describe('Theme', () => {
it('useTheme', () => {
const result = renderHook(() => useToken());
expect(result.current.theme instanceof Theme).toBeTruthy();
expect(result.current.hashId).toBeFalsy();
expect(result.current.token).toEqual(
expect.objectContaining({
colorPrimary: '#1890ff',
}),
);
});
it('ConfigProvider with seed', () => {
const Demo = React.forwardRef((_, ref: any) => {
const themeObj = useToken();
ref.current = themeObj;
return null;
});
const themeRef = React.createRef<ReturnType<typeof useToken>>();
render(
<ConfigProvider
theme={{
token: {
brandColor: '#ff0000',
},
}}
>
<Demo ref={themeRef} />
</ConfigProvider>,
);
expect(themeRef.current!.token).toEqual(
expect.objectContaining({
colorPrimary: '#ff0000',
colorPrimaryHover: '#ff3029', // It's safe to modify if theme logic changed
}),
);
});
});