Reactjs 如何通过gitbash的纱线/笑话测试?

Reactjs 如何通过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(" ", () => {

我对开玩笑/纱线测试还不熟悉,我正在做一个基本的测试。我想看看我的类/组件应用程序是否有“棒球记分板”的文本,它确实有。我怎样才能通过考试

App.test.js

 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();
}); 
更多信息请访问