代码之家 › 专栏 › 技术社区 › Naji

使用react、jest、react测试库测试失败的案例

jestjs unit-testing reactjs javascript

Naji · 技术社区 · 6 年前

我有一个react组件,它在编程错误时抛出错误。例如,组件 Component 带上所需的道具 data ,我有:

if (!data) { throw new Error("data is not provided") }

写入我的组件以处理此错误。使用 jest 我的测试显示:

test("throw invalid component error", () => {
    mockConsole();
    const { container } = render(<Component />);
    expect(container).toThrowError();
});

当我运行我的测试笑话时,它说测试失败了,然后它将我指向我拥有我的 throw new Error(...) 书面的。我想开玩笑的是不是有可能?

1 回复 | 直到 6 年前

lipp 6 年前

断言 function 要抛出错误,必须通过 功能 对Expect语句。就你而言:

test('...', () => {
  expect(() => {
    render(<Component />);
  }).toThrowError();
});

推荐文章

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

1 年前

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

2 年前

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

2 年前

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

2 年前

kyrolos magdy · 用jest和

2 年前

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

2 年前

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

2 年前

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

2 年前

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

2 年前

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

2 年前