{ 229 | setOpen(true); 230 | }} 231 | /> 232 | 233 | ); 234 | }; 235 | const { container } = render(); 236 | 237 | expect(container.querySelector('.x-content')).toBeFalsy(); 238 | 239 | fireEvent.click(container.querySelector('.target')); 240 | expect(container.querySelector('.x-content')).toBeTruthy(); 241 | }); 242 | 243 | it('ref support nativeElement', () => { 244 | const nodeRef = React.createRef(); 245 | 246 | const { container } = render( 247 | }> 248 | 288 | , 289 | ); 290 | 291 | expect(container.querySelector('button')).toHaveAttribute('aria-describedby', 'test-id'); 292 | }); 293 | 294 | it('should not pass aria-describedby when overlay is empty', () => { 295 | const { container } = render( 296 | 297 | 298 | , 299 | ); 300 | 301 | expect(container.querySelector('button')).not.toHaveAttribute('aria-describedby'); 302 | }); 303 | 304 | it('should preserve original props of children', () => { 305 | const onMouseEnter = jest.fn(); 306 | 307 | const { container } = render( 308 | 309 | 312 | , 313 | ); 314 | 315 | const btn = container.querySelector('button'); 316 | expect(btn).toHaveClass('custom-btn'); 317 | 318 | // 触发原始事件处理器 319 | fireEvent.mouseEnter(btn); 320 | expect(onMouseEnter).toHaveBeenCalled(); 321 | }); 322 | 323 | it('should throw error when multiple children provided', () => { 324 | const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); 325 | 326 | expect(() => { 327 | render( 328 | // @ts-expect-error 329 | 330 | 331 | 332 | , 333 | ); 334 | }).toThrow(); 335 | 336 | errorSpy.mockRestore(); 337 | }); 338 | }); 339 | }); 340 | -------------------------------------------------------------------------------- /tests/popup.test.tsx: -------------------------------------------------------------------------------- 1 | import { Popup } from '../src'; 2 | 3 | describe('Popup', () => { 4 | // Used in antd for C2D2C 5 | it('should export', () => { 6 | expect(Popup).toBeTruthy(); 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /tests/setup.js: -------------------------------------------------------------------------------- 1 | const React = require('react'); 2 | const util = require('util'); 3 | 4 | // eslint-disable-next-line no-console 5 | console.log('Current React Version:', React.version); 6 | 7 | /* eslint-disable global-require */ 8 | if (typeof window !== 'undefined') { 9 | global.window.resizeTo = (width, height) => { 10 | global.window.innerWidth = width || global.window.innerWidth; 11 | global.window.innerHeight = height || global.window.innerHeight; 12 | global.window.dispatchEvent(new Event('resize')); 13 | }; 14 | global.window.scrollTo = () => {}; 15 | // ref: https://github.com/ant-design/ant-design/issues/18774 16 | if (!window.matchMedia) { 17 | Object.defineProperty(global.window, 'matchMedia', { 18 | writable: true, 19 | configurable: true, 20 | value: jest.fn((query) => ({ 21 | matches: query.includes('max-width'), 22 | addListener: jest.fn(), 23 | removeListener: jest.fn(), 24 | })), 25 | }); 26 | } 27 | 28 | // Fix css-animation or rc-motion deps on these 29 | // https://github.com/react-component/motion/blob/9c04ef1a210a4f3246c9becba6e33ea945e00669/src/util/motion.ts#L27-L35 30 | // https://github.com/yiminghe/css-animation/blob/a5986d73fd7dfce75665337f39b91483d63a4c8c/src/Event.js#L44 31 | window.AnimationEvent = window.AnimationEvent || window.Event; 32 | window.TransitionEvent = window.TransitionEvent || window.Event; 33 | 34 | // ref: https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom 35 | // ref: https://github.com/jsdom/jsdom/issues/2524 36 | Object.defineProperty(window, 'TextEncoder', { writable: true, value: util.TextEncoder }); 37 | Object.defineProperty(window, 'TextDecoder', { writable: true, value: util.TextDecoder }); 38 | } 39 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "esnext", 4 | "moduleResolution": "node", 5 | "baseUrl": "./", 6 | "jsx": "react", 7 | "declaration": true, 8 | "skipLibCheck": true, 9 | "esModuleInterop": true, 10 | "paths": { 11 | "@/*": [ 12 | "src/*" 13 | ], 14 | "@@/*": [ 15 | ".dumi/tmp/*" 16 | ], 17 | "rc-tooltip": [ 18 | "src/index.tsx" 19 | ] 20 | } 21 | }, 22 | "include": [ 23 | ".dumirc.ts", 24 | "./src/**/*.ts", 25 | "./src/**/*.tsx", 26 | "./docs/**/*.tsx", 27 | "./tests/**/*.tsx" 28 | ] 29 | } -------------------------------------------------------------------------------- /type.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.css'; 2 | declare module '*.less'; -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "framework": "umijs" 3 | } 4 | --------------------------------------------------------------------------------

Debug Usage