Làm cách nào tôi có thể giả định nhập mô-đun ES6 bằng Jest?

Tôi bắt đầu nghĩ rằng điều này là không thể, nhưng dù sao tôi cũng muốn hỏi.

Tôi muốn kiểm tra rằng một trong các mô-đun ES6 của tôi gọi một mô-đun ES6 khác theo một cách cụ thể. Với Jasmine thì điều này siêu dễ -

Mã ứng dụng:

// myModule.js
import dependency from './dependency';

export default (x) => {
  dependency.doSomething(x * 2);
}

Và mã kiểm tra:

//myModule-test.js
import myModule from '../myModule';
import dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    spyOn(dependency, 'doSomething');

    myModule(2);

    expect(dependency.doSomething).toHaveBeenCalledWith(4);
  });
});

Tương đương với Jest là gì? Tôi cảm thấy như đây là một điều đơn giản muốn làm, nhưng tôi đã xé tóc ra để cố gắng tìm ra nó.

Lần gần nhất tôi đến là bằng cách thay thế imports bằng requires và di chuyển chúng vào bên trong các bài kiểm tra / chức năng. Không phải trong số đó là những điều tôi muốn làm.

// myModule.js
export default (x) => {
  const dependency = require('./dependency'); // yuck
  dependency.doSomething(x * 2);
}

//myModule-test.js
describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    jest.mock('../dependency');

    myModule(2);

    const dependency = require('../dependency'); // also yuck
    expect(dependency.doSomething).toBeCalledWith(4);
  });
});

Đối với điểm thưởng, tôi muốn làm cho toàn bộ hoạt động khi chức năng bên trong dependency.jslà xuất mặc định. Tuy nhiên, tôi biết rằng gián điệp xuất khẩu mặc định không hoạt động ở Jasmine (hoặc ít nhất là tôi không bao giờ có thể làm cho nó hoạt động), vì vậy tôi cũng không hy vọng rằng điều đó cũng có thể xảy ra với Jest.

Tôi đã có thể giải quyết điều này bằng cách sử dụng một vụ hack liên quan import *. Nó thậm chí hoạt động cho cả xuất khẩu được đặt tên và mặc định!

Đối với xuất khẩu có tên:

// dependency.js
export const doSomething = (y) => console.log(y)

// myModule.js
import { doSomething } from './dependency';

export default (x) => {
  doSomething(x * 2);
}

// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    dependency.doSomething = jest.fn(); // Mutate the named export

    myModule(2);

    expect(dependency.doSomething).toBeCalledWith(4);
  });
});

Hoặc để xuất mặc định:

// dependency.js
export default (y) => console.log(y)

// myModule.js
import dependency from './dependency'; // Note lack of curlies

export default (x) => {
  dependency(x * 2);
}

// myModule-test.js
import myModule from '../myModule';
import * as dependency from '../dependency';

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    dependency.default = jest.fn(); // Mutate the default export

    myModule(2);

    expect(dependency.default).toBeCalledWith(4); // Assert against the default
  });
});

Như Mihai Damian hoàn toàn chỉ ra bên dưới, điều này đang làm thay đổi đối tượng mô-đun dependency, và do đó nó sẽ 'rò rỉ' qua các thử nghiệm khác. Vì vậy, nếu bạn sử dụng phương pháp này, bạn nên lưu trữ giá trị ban đầu và sau đó đặt lại sau mỗi lần kiểm tra. Để thực hiện điều này dễ dàng với Jest, hãy sử dụng phương thức spyOn () thay jest.fn()vì vì nó hỗ trợ dễ dàng khôi phục giá trị ban đầu của nó, do đó tránh trước khi 'rò rỉ' được đề cập.

Bạn phải chế giễu mô-đun và tự mình thiết lập gián điệp:

import myModule from '../myModule';
import dependency from '../dependency';
jest.mock('../dependency', () => ({
  doSomething: jest.fn()
}))

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    myModule(2);
    expect(dependency.doSomething).toBeCalledWith(4);
  });
});

Để giả định xuất khẩu mặc định mô-đun phụ thuộc ES6 bằng jest:

import myModule from '../myModule';
import dependency from '../dependency';

jest.mock('../dependency');

// If necessary, you can place a mock implementation like this:
dependency.mockImplementation(() => 42);

describe('myModule', () => {
  it('calls the dependency once with double the input', () => {
    myModule(2);

    expect(dependency).toHaveBeenCalledTimes(1);
    expect(dependency).toHaveBeenCalledWith(4);
  });
});

Các tùy chọn khác không hoạt động cho trường hợp của tôi.

Thêm nhiều hơn vào câu trả lời của Andreas. Tôi gặp vấn đề tương tự với mã ES6 nhưng không muốn thay đổi nhập khẩu. Trông có vẻ hacky. Vì vậy, tôi đã làm điều này

import myModule from '../myModule';
import dependency from '../dependency';
jest.mock('../dependency');

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    myModule(2);
  });
});

Và đã thêm phụ thuộc.js vào thư mục "__ mocks __" song song với Depency.js. Điều này làm việc cho tôi. Ngoài ra, điều này cho tôi tùy chọn trả về dữ liệu phù hợp từ việc thực hiện giả. Hãy chắc chắn rằng bạn đưa ra đường dẫn chính xác đến mô-đun bạn muốn giả.

Chuyển tiếp nhanh đến năm 2020, tôi thấy liên kết này là giải pháp. chỉ sử dụng cú pháp mô-đun ES6 https://remarkablemark.org/blog/2018/06/28/jest-mock-default-named-export/

// esModule.js
export default 'defaultExport';
export const namedExport = () => {};

// esModule.test.js
jest.mock('./esModule', () => ({
  __esModule: true, // this property makes it work
  default: 'mockedDefaultExport',
  namedExport: jest.fn(),
}));

import defaultExport, { namedExport } from './esModule';
defaultExport; // 'mockedDefaultExport'
namedExport; // mock function

Ngoài ra, một điều bạn cần biết (điều này khiến tôi mất một lúc để tìm hiểu) là bạn không thể gọi jest.mock () trong bài kiểm tra; bạn phải gọi nó ở cấp cao nhất của mô-đun. Tuy nhiên, bạn có thể gọi mockImcellenceation () bên trong các thử nghiệm riêng lẻ nếu bạn muốn thiết lập các giả định khác nhau cho các thử nghiệm khác nhau.

Câu hỏi đã được trả lời nhưng bạn có thể giải quyết nó như thế này:

phụ thuộc.js

const doSomething = (x) => x
export default doSomething;

myModule.js:

import doSomething from "./dependency";

export default (x) => doSomething(x * 2);

myModule.spec.js:

jest.mock('../dependency');
import doSomething from "../dependency";
import myModule from "../myModule";

describe('myModule', () => {
  it('calls the dependency with double the input', () => {
    doSomething.mockImplementation((x) => x * 10)

    myModule(2);

    expect(doSomething).toHaveBeenCalledWith(4);
    console.log(myModule(2)) // 40
  });
});

Tôi đã giải quyết điều này theo cách khác. Giả sử bạn có lệ thuộc.js của bạn

export const myFunction = () => { }

Tôi tạo một tệp depdency.mock.js bên cạnh đó với nội dung sau:

export const mockFunction = jest.fn();

jest.mock('dependency.js', () => ({ myFunction: mockFunction }));

và trong thử nghiệm, trước khi tôi nhập tệp có phụ thuộc tôi sử dụng:

import { mockFunction } from 'dependency.mock'
import functionThatCallsDep from './tested-code'

it('my test', () => {
    mockFunction.returnValue(false);

    functionThatCallsDep();

    expect(mockFunction).toHaveBeenCalled();

})