Rumah  >  Soal Jawab  >  teks badan

Menguji fungsi butang sebelumnya dan seterusnya dalam React gagal

<p>Kod React saya gagal dalam ujian: Jika saya salah menulis, bolehkah anda membantu saya menulisnya dengan betul? Saya cuba menggunakan screen.getByRole('button', {name: '>'}) untuk mendapatkan butang seterusnya dan screen.getByRole('button', {name: '<'}) untuk mendapatkan butang sebelumnya, Even mencuba kod ujian yang dinyatakan di bawah tetapi ujian itu terus gagal. </p> <pre class="brush:php;toolbar:false;">eksport fungsi lalai App() { kembali ( <div className="App"> <div> {anjing .map((nilai, kunci) => ( <div className="card-container" key={key}> <div> <img className="img" src={value.imgUrl} alt={value.title} /> </div> <div className="card-footer"> {dogCurrPage !== 1 ? <button className="back-button" onClick={() => {"<"} </butang> ): null} <span className="card-title-text">{value.title}</span> {dogCurrPage !== dogs.length - 1 ? <button className="next-button" onClick={() => {">"} </butang> ) : null}{" "} </div> </div> ))} </div> </div> ); }</pre> <pre class="brush:php;toolbar:false;">describe("App", () => { it("Kendalikan klik butang sebelumnya dengan betul", () => { render(<Apl />); fireEvent.click(screen.getByText("<")); }); it("Kendalikan klik butang seterusnya dengan betul", () => { render(<Apl />); fireEvent.click(screen.getByText(">")); }); });</pre>
P粉936509635P粉936509635453 hari yang lalu444

membalas semua(1)saya akan balas

  • P粉648469285

    P粉6484692852023-08-16 00:46:15

    Mungkin cuba kod ini:

    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: ">"
        }));
        // 添加断言以检查点击下一个按钮后的行为
      });
    });

    balas
    0
  • Batalbalas