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>