My first e2e test and modifications to client to support it

ayanova/tests/e2e/specs/jwt-example.js

@@ -0,0 +1,62 @@
+// 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");
+  });
+});