// login just once using API
let user;

before(function fetchUser() {
  cy.request("POST", "http://localhost:7575/api/v8/Auth", {
    username: Cypress.env("adminusername"),
    password: Cypress.env("adminpassword")
  })
    .its("body")
    .then(res => {
      user = res;
    });
});

// but set the user before visiting the page
// so the app thinks it is already authenticated
beforeEach(function setUser() {
  cy.visit("/", {
    onBeforeLoad(win) {
      // and before the page finishes loading
      // set the user object in local storage
      win.localStorage.setItem("user", JSON.stringify(user));
    }
  });
  // the page should be opened and the user should be logged in
});
describe("The home page", () => {
  it("Successfully loads the home page", () => {
    cy.visit("/");
  });
});

describe("JWT", () => {
  it("makes authenticated request", () => {
    // we can make authenticated request ourselves
    // since we know the token
    cy.request({
      url: "http://localhost:7575/api/v8/User/1",
      auth: {
        bearer: user.token
      }
    })
      .its("body")
      .should("deep.equal", [
        {
          id: 1,
          username: "test",
          firstName: "Test",
          lastName: "User"
        }
      ]);
  });

  it("is logged in", () => {
    cy.contains("Hi Test!").should("be.visible");
  });

  it("shows loaded user", () => {
    // this user information came from authenticated XHR call
    cy.contains("li", "Test User").should("be.visible");
  });
});