V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lbfeng

jest mock 返回 undefined

  •  
  •   lbfeng · Feb 17, 2021 · 2199 views
    This topic created in 1894 days ago, the information mentioned may be changed or developed.

    client.js

    module.exports = class ProductsClient {
      async getById(id) {
        const url = `http://localhost:3000/api/products/{id}`;
        const response = await fetch(url);
        return await response.json();
      }
    }
    

    manager.js

    const ProductsClient = require('./client');
    
    module.exports = class ProductManager {
      async getProductToManage(id) {
        const productsClient = new ProductsClient();
        const productToManage = await productsClient.getById(id)
          .catch(err => alert(err));
        return productToManage;
      }
    }
    

    test.js

    const ProductsClient = require('./client');
    const ProductManager = require('./manager');
    
    jest.mock('./client');
    
    describe('test', () => {
      test('111', async () => {
        const expectedProduct = {
          id: 1,
          name: 'football',
        };
        const mockGetById = jest.fn();
        mockGetById.mockResolvedValue(expectedProduct);
        ProductsClient.prototype.getById = mockGetById;
        
      
        const productManager = new ProductManager();  
        const result = await productManager.getProductToManage(1); 
        expect(result.name).toBe('football');
      })
    })
    

    在 test.js 中 mock client 完全没问题。一旦把const productsClient = new ProductsClient();拿到class ProductManager外,getById就返回 undefined

    const ProductsClient = require('./client');
    
    const productsClient = new ProductsClient();
    
    module.exports = class ProductManager {
      async getProductToManage(id) {
        const productToManage = await productsClient.getById(id) // undefined
          .catch(err => alert(err));
        return productToManage;
      }
    }
    
    

    jest mock module 文档里也没找到类似的例子。

    4 replies    2021-02-18 10:03:23 +08:00
    red2dog
        1
    red2dog  
       Feb 17, 2021
    jest.mock('./client',()=>{ return '你要 mock 的东西' }); 你 mock 啥都没传肯定是 undefined 啊
    lbfeng
        2
    lbfeng  
    OP
       Feb 17, 2021
    @red2dog 你说的官方文档里有,我试过了没用。
    lbfeng
        3
    lbfeng  
    OP
       Feb 17, 2021
    @red2dog Calling jest.mock() with the module factory parameter https://jestjs.io/docs/en/es6-class-mocks
    KuroNekoFan
        4
    KuroNekoFan  
       Feb 18, 2021
    云了一下
    应该是你最后的写法里,实例化 ProductsClient 的时候,'./client'还没被 mock
    试试把 jest.mock('./client');放到最顶?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4672 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 10:07 · PVG 18:07 · LAX 03:07 · JFK 06:07
    ♥ Do have faith in what you're doing.