当前位置 : 主页 > 手机开发 > 其它 >

mocking – 如何使用Jest模拟对象中的特定函数?

来源:互联网 收集:自由互联 发布时间:2021-06-22
我正在使用Jest测试React / Reflux应用程序.我在商店里有以下功能: onLoad: function() { console.log("ORIGINAL LOAD"); // http request here} 我试图嘲笑它,以便它只是做它需要做的事情而不做实际的网络东
我正在使用Jest测试React / Reflux应用程序.我在商店里有以下功能:

onLoad: function() {
  console.log("ORIGINAL LOAD");
  // http request here
}

我试图嘲笑它,以便它只是做它需要做的事情而不做实际的网络东西:

beforeEach(function() {

  // mock out onLoad so instead of making API call the store gets test data
  PostStore.onLoad = jest.genMockFunction().mockImplementation(function () {
    var p1 = new Post(
      "54da7df5119025513400000a",                    // id
      "Test Post",                                   // title
      "Kji6ftLjUqhElgnqOBqMUKxYONpU7nK/cu6jTA==\n",  // owner anonId
      "Test Course 1",                               // course name
      "This is a test!",                             // content
      6,                                             // upvotes
      2,                                             // downvotes
      ["Kji6ftLjUqhElgnqOBqMUKxYONpU7nK/cu6jTA==\n"] // voter anonIds
    );

    this.posts = [p1];
    console.log("mocked function");
  });

  // component initialized here
});

但是,看起来似乎从未创建过模拟函数.当我运行测试时,控制台仍然记录ORIGINAL LOAD.

覆盖对象方法的正确方法是什么,以便通过执行ajax调用而不是在PostStore中设置posts数组,它只是用测试数据设置它?

几乎就在那里,你需要做的就是

const onLoad = jest.fn().mockImplementation(function () {
    var p1 = new Post();//Add your stuff here
    this.posts = [p1];
    console.log("mocked function");
  });
PostStore.onLoad = onLoad.bind(PostStore); //PostStore is your object.
网友评论