<p>我的React代码测试失败： 如果我写错了，你能帮忙写对吗？ 我尝试使用screen.getByRole('button', {name: '&gt;'})来获取下一个按钮，使用screen.getByRole('button', {name: '&lt;'})来获取上一个按钮，甚至尝试了下面提到的测试代码，但测试一直失败。</p> <pre class="brush:php;toolbar:false;">export default function App() { return ( &lt;div className="App"&gt; &lt;div&gt; {dogs .map((value, key) =&gt; ( &lt;div className="card-container" key={key}&gt; &lt;div&gt; &lt;img className="img" src={value.imgUrl} alt={value.title} /&gt; &lt;/div&gt; &lt;div className="card-footer"&gt; {dogCurrPage !== 1 ? ( &lt;button className="back-button" onClick={() =&gt; previous()}&gt; {"&lt;"} &lt;/button&gt; ) : null} &lt;span className="card-title-text"&gt;{value.title}&lt;/span&gt; {dogCurrPage !== dogs.length - 1 ? ( &lt;button className="next-button" onClick={() =&gt; next()}&gt; {"&gt;"} &lt;/button&gt; ) : null}{" "} &lt;/div&gt; &lt;/div&gt; ))} &lt;/div&gt; &lt;/div&gt; ); }</pre> <pre class="brush:php;toolbar:false;">describe("App", () =&gt; { it("正确处理上一个按钮的点击", () =&gt; { render(&lt;App /&gt;); fireEvent.click(screen.getByText("&lt;")); }); it("正确处理下一个按钮的点击", () =&gt; { render(&lt;App /&gt;); fireEvent.click(screen.getByText("&gt;")); }); });</pre>

describe("App", () => {
  it("正确渲染应用程序", async() => {
    render( < App / > );

    // 根据您的UI组件添加更具体的断言
    expect(screen.getByText("Fetch Api, display 1 card, add comments and likes to those comments")).toBeInTheDocument();
  });

  it("正确处理上一个按钮的点击", async() => {
    render( < App / > );

    fireEvent.click(screen.getByRole("button", {
      name: "<"
    }));
    // 添加断言以检查点击上一个按钮后的行为
  });

  it("正确处理下一个按钮的点击", async() => {
    render( < App / > );

    fireEvent.click(screen.getByRole("button", {
      name: ">"
    }));
    // 添加断言以检查点击下一个按钮后的行为
  });
});