mirror of
https://github.com/Mastermindzh/react-starter-kit.git
synced 2025-01-21 02:50:55 +01:00
Mastermindzh
3db77f96b9
- Added an example with trucks and basic fetch in useEffect on page load - Added simply test to see whether any data is displayed (and shows the interceptor) Introduced "CypressStrictMode" which wraps React.StrictMode and checks whether Cypress is involved, if so disable StrictMode.
28 lines
884 B
TypeScript
28 lines
884 B
TypeScript
/// <reference types="cypress" />
|
|
|
|
describe("Application trucks", () => {
|
|
beforeEach(() => {
|
|
cy.visit(Cypress.env("appBaseUrl"));
|
|
});
|
|
|
|
it("Should render the navigation links", () => {
|
|
cy.get("[data-testid='nav']");
|
|
});
|
|
|
|
it("Should navigate to trucks and display a result when clicking on trucks", () => {
|
|
cy.get('[data-testid="nav.trucks"]').click();
|
|
cy.contains("trucks (contract api) page");
|
|
});
|
|
|
|
it("Should eventually (after the http call) display the results on screen", () => {
|
|
cy.intercept({
|
|
method: "GET",
|
|
url: "http://localhost:9600/fake/trucks",
|
|
}).as("getTrucks");
|
|
cy.get('[data-testid="nav.trucks"]').click();
|
|
cy.contains("trucks (contract api) page");
|
|
cy.wait("@getTrucks").its("response.statusCode").should("be.oneOf", [200, 304]);
|
|
cy.get('[data-testid="trucksResult"]').should("not.be.empty");
|
|
});
|
|
});
|