Không thể sử dụng resolve.alias để thử nghiệm JEST

Question

Tôi đang sử dụng WebPack + React + Jest cho ứng dụng của mình và tôi đã đặt resolve.alias = { app: "/path/to/app" } trong tệp cấu hình của mình.

Trong React, tôi có thể sử dụng đường dẫn này để yêu cầu ("app/component") và lấy tệp tại "/path/to/app/component.js" một cách chính xác.

Khi chạy thử nghiệm JEST, bí danh này không được nhận dạng, không phải trong các thử nghiệm, cũng như cho các mô-đun đã nhập. Tất cả điều này hoạt động khi chạy ứng dụng nhưng không hoạt động với các bài kiểm tra với jest-cli.

Answer 1

jest-cli sống trong một thế giới riêng biệt với Webpack để nó không thể hoạt động theo cách đó.

Sử dụng babel-plugin-module-resolver để xử lý bí danh.

Answer 2

Jestpack có thể trợ giúp vì nó sẽ cho phép bạn chạy thử nghiệm sau khi đã được xây dựng với Webpack.

Answer 3

Tôi sử dụng mocha để kiểm tra phản ứng, nhưng tôi nghĩ nó cũng hoạt động tốt.

Bạn nên sử dụng 2 gói: mock-require và proxyquire.

Giả sử bạn có một file js như thế này:

app.js

import action1 from 'actions/youractions'; 

export function foo() { console.log(action1()) }; 

Và mã kiểm tra bạn nên viết như thế này:

app.test.js

import proxyquire from 'proxyquire'; 
import mockrequire from 'mock-require'; 

before(() => { 
    // mock the alias path, point to the actual path 
    mockrequire('actions/youractions', 'your/actual/action/path/from/your/test/file'); 
    // or mock with a function 
    mockrequire('actions/youractions', {actionMethod:() => {...})); 

let app; 
beforeEach(() => { 
    app = proxyquire('./app', {}); 
}); 

//test code 
describe('xxx',() => { 
    it('xxxx',() => { 
    ... 
    }); 
}); 

file cây

app.js 
    |- test 
    |- app.test.js 

Đầu tiên giả con đường bí danh của mô hình đòi hỏi trước khi chức năng, và nhạo báng đối tượng thử nghiệm của bạn bằng cách proxyquire chức năng beforeEach.