Reactjs 如何通过gitbash的纱线/笑话测试?
我对开玩笑/纱线测试还不熟悉,我正在做一个基本的测试。我想看看我的类/组件应用程序是否有“棒球记分板”的文本,它确实有。我怎样才能通过考试 App.test.jsReactjs 如何通过gitbash的纱线/笑话测试?,reactjs,Reactjs,我对开玩笑/纱线测试还不熟悉,我正在做一个基本的测试。我想看看我的类/组件应用程序是否有“棒球记分板”的文本,它确实有。我怎样才能通过考试 App.test.js import React from 'react'; import { render } from '@testing-library/react'; import 'jest-dom/extend-expect'; import App from "./App" test(" ", () => {
import React from 'react';
import { render } from '@testing-library/react';
import 'jest-dom/extend-expect';
import App from "./App"
test(" ", () => {
const expected = render(<App />);
expected.getByText("Baseball Scoreboard")
});
从“React”导入React;
从'@testing library/react'导入{render};
导入“jest dom/extend expect”;
从“/App”导入应用程序
测试(“,()=>{
const expected=render();
预期。getByText(“棒球记分板”)
});
App.js
import React from 'react';
import React from 'react';
import Display from "./Display"
class App extends React.Component{
render(){
return (
<div>
<h2>Baseball Scoreboard</h2>
<Display />
</div>
);
}
}
export default App;
从“React”导入React;
从“React”导入React;
从“/Display”导入显示
类应用程序扩展了React.Component{
render(){
返回(
棒球记分牌
);
}
}
导出默认应用程序;
使用React测试库和Jest,它看起来像这样:
it("should have 'Baseball Scoreboard' text", () => {
const { getByText } = render( < App / > );
expect(getByText("Baseball Scoreboard")).toBeInTheDocument();
});
it(“应该有‘棒球记分板’文本,()=>{
const{getByText}=render( );
expect(getByText(“棒球记分板”).toBeInTheDocument();
});
更多信息请访问