2022-08-21 23:25:00 +08:00
|
|
|
import React from 'react';
|
2024-04-08 14:04:08 +08:00
|
|
|
|
|
|
|
import { fireEvent, render } from '../../../tests/utils';
|
2022-08-21 23:25:00 +08:00
|
|
|
import useSyncState from '../hooks/useSyncState';
|
|
|
|
|
|
|
|
describe('Table', () => {
|
|
|
|
it('useSyncState', () => {
|
2022-10-19 11:50:18 +08:00
|
|
|
const Test = () => {
|
2022-08-21 23:25:00 +08:00
|
|
|
const [getVal, setVal] = useSyncState('light');
|
|
|
|
return <span onClick={() => setVal('bamboo')}>{getVal()}</span>;
|
|
|
|
};
|
|
|
|
|
|
|
|
const { container } = render(<Test />);
|
|
|
|
expect(container.querySelector('span')?.innerHTML).toBe('light');
|
|
|
|
fireEvent.click(container.querySelector('span')!);
|
|
|
|
expect(container.querySelector('span')?.innerHTML).toBe('bamboo');
|
|
|
|
});
|
|
|
|
});
|