组件库封装时使用JEST遇到问题

1. SyntaxError: Unexpected token ‘.’

解决方法

"moduleNameMapper": {
   "\\.(css|scss|less)$": "identity-obj-proxy"
}

2. Cannot use import statement outside a module

解决方法

import zh_CN from 'antd/es/locale/zh_CN';
// 改成
import zh_CN from 'antd/lib/locale/zh_CN';

3. window.matchMedia is not a function

解决方法

Object.defineProperty(window, 'matchMedia', {
  writable: true,
  value: jest.fn().mockImplementation(query => ({
    matches: false,
    media: query,
    onchange: null,
    addListener: jest.fn(), // Deprecated
    removeListener: jest.fn(), // Deprecated
    addEventListener: jest.fn(),
    removeEventListener: jest.fn(),
    dispatchEvent: jest.fn(),
  })),
});