React 测试库中的“HTMLElement”类型不存在属性“value”

Question

我正在使用 React-testing-library 并在最后一行出现错误： expect (title.value).toBe("testtitle");})})。错误消息是属性 'value' 在类型 'HTMLElement' 上不存在。如何纠正此错误消息以有效地编写此代码？

测试文件

  <Router history={history}>
            <Route render={(props) => 
            <NewQuestion {...props} onSave={jest.fn()}/>}/>
        </Router>)
    const title= getByPlaceholderText("What's your question? Be specific");
    fireEvent.change(title, {target: {value: "testtitle"}})
    expect (title.value).toBe("testtitle");})})

Answer 1

您应该将title变量强制转换HTMLInputElement为实际能够拥有该value属性。试试下面的代码：

const title = getByPlaceholderText("test") as HTMLInputElement;

Answer 2

就我而言，

  expect(
    screen.getByLabelText(/barInput/).value,
  ).toEqual('bar value');

抛出错误“类型‘HTMLElement’上不存在属性‘值’。”

我通过添加泛型解决了这个问题HTMLInputElement

  expect(
    screen.getByLabelText<HTMLInputElement>(/barInput/).value,
  ).toEqual('bar value');