代码之家 › 专栏 › 技术社区 › darth-coder

Jest throw.finally不是函数

jestjs reactjs javascript

darth-coder · 技术社区 · 7 年前

下面是我的反应组件:

import { sendAnalytics } from 'analytics';

class MyComponent extends React.Component {
    myMethod() {
        console.log('do something!');
    }

    render() {
        return (
            <Button 
                onClick={submitAnalytics({name: 'foo'}).finally(this.myMethod())} 
                dataset={{"data-id": "button"}}
            > Send Analytics
            </Button>
            }
        )
    }
}

我的测试是这样的:

import * as analytics from 'analytics';
jest.mock('analytics');

describe('Analytics', () => {
    it('Should call analytics when button is clicked', () => {
        analytics.submitAnalytics.mockResolvedValue(Promise.resolve(true));
        const tree = ReactTestRenderer.create(<MyComponent />);

        // Actual implementation of following 3 lines is slightly different.
        const button = tree.root.findByProps({"data-id": "button"});
        button.props.onClick();
        expect(analytics.submitAnalytics).toHaveBeenCalled();
    });
});

我尝试了几种不同的模仿策略,比如:

analytics.submitAnalytics.mockImplementation(() => {
    return Promise.resolve(true)
});

似乎什么都没有解决。我一直收到以下错误:

TypeError: (0 , analytics.submitAnalytics)(...).finally is not a function .

我不知道为什么。感谢您的帮助。如果您需要更多上下文代码,请告诉我。

1 回复 | 直到 7 年前

darth-coder 7 年前

我知道了,伙计们!接下来要做的是:

analytics.submitPayload = jest.fn().mockImplementation(() => {
  return {
    finally: () => {
      return true;
    }
  };
});

我不知道这是对是错,但它起作用了。如果有更好的方法,请告诉我。

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

3 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

3 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

4 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

4 年前

kyrolos magdy · 用jest和

4 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

4 年前

Cazs · 在React onChange中测试功能组件

4 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

4 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

4 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

4 年前