@stanlemon/app-template 0.3.80 → 0.3.83

package/app.test.js

@@ -3,6 +3,17 @@
  */
 import request from "supertest";
 import { app, db } from "./app.js";
+import { test__signupAndLogin } from "@stanlemon/server-with-auth";
+
+async function signupAndLogin() {
+  const { token } = await test__signupAndLogin(
+    app,
+    "test" + Math.random(),
+    "p@$$w0rd!",
+    { name: "Test User", email: "test@test.com" }
+  );
+  return token;
+}
 
 describe("/app", () => {
   afterEach(() => {
@@ -11,40 +22,46 @@ describe("/app", () => {
   });
 
   it("lists items", async () => {
+    const token = await signupAndLogin();
     const response = await request(app)
       .get("/api/items")
-      .set("Accept", "application/json");
+      .set("Accept", "application/json")
+      .set("Authorization", "Bearer " + token);
 
-    expect(response.headers["content-type"]).toMatch(/json/);
     expect(response.status).toEqual(200);
+    expect(response.headers["content-type"]).toMatch(/json/);
     expect(response.body).toEqual([]);
   });
 
   it("add item", async () => {
+    const token = await signupAndLogin();
     const response = await request(app)
       .post("/api/items")
       .set("Accept", "application/json")
-      .send({ item: "hello world" });
+      .send({ item: "hello world" })
+      .set("Authorization", "Bearer " + token);
 
-    expect(response.headers["content-type"]).toMatch(/json/);
     expect(response.status).toEqual(200);
+    expect(response.headers["content-type"]).toMatch(/json/);
     expect(response.body).toMatchObject([{ item: "hello world" }]);
   });
 
   it("delete item", async () => {
+    const token = await signupAndLogin();
     const response1 = await request(app)
       .post("/api/items")
       .set("Accept", "application/json")
+      .set("Authorization", "Bearer " + token)
       .send({ item: "hello world" });
-
     const items = response1.body;
 
     const response2 = await request(app)
       .delete(`/api/items/${items[0].id}`)
-      .set("Accept", "application/json");
+      .set("Accept", "application/json")
+      .set("Authorization", "Bearer " + token);
 
-    expect(response2.headers["content-type"]).toMatch(/json/);
     expect(response2.status).toEqual(200);
+    expect(response2.headers["content-type"]).toMatch(/json/);
     expect(response2.body).toMatchObject([]);
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanlemon/app-template",
-  "version": "0.3.80",
+  "version": "0.3.83",
   "description": "A template for creating apps using the webdev package.",
   "author": "Stan Lemon <stanlemon@users.noreply.github.com>",
   "license": "MIT",
@@ -26,9 +26,9 @@
   "dependencies": {
     "@stanlemon/server-with-auth": "*",
     "@stanlemon/webdev": "*",
-    "react": "^19.0.0",
-    "react-cookie": "^7.2.2",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-cookie": "^8.0.1",
+    "react-dom": "^19.1.0",
     "wouter": "^3.6.0"
   },
   "devDependencies": {

package/src/App.test.tsx

@@ -4,6 +4,7 @@ import App from "./App";
 import { ItemData } from "./views";
 import { SessionAware } from "./Session";
 import { fetchApi } from "./helpers/fetchApi";
+import { CookiesProvider } from "react-cookie";
 
 jest.mock("./helpers/fetchApi");
 
@@ -14,9 +15,11 @@ describe("<App/>", () => {
 
   it("logged out", async () => {
     render(
-      <SessionAware initialized={true} token={null} user={null}>
-        <App />
-      </SessionAware>
+      <CookiesProvider>
+        <SessionAware initialized={true} token={null} user={null}>
+          <App />
+        </SessionAware>
+      </CookiesProvider>
     );
 
     expect(
@@ -37,17 +40,19 @@ describe("<App/>", () => {
     mockedFetchApi.mockResolvedValue([]);
 
     render(
-      <SessionAware
-        initialized={true}
-        token="abcd"
-        user={{
-          username: "user",
-          name: "user",
-          email: "user@example.com",
-        }}
-      >
-        <App />
-      </SessionAware>
+      <CookiesProvider>
+        <SessionAware
+          initialized={true}
+          token="abcd"
+          user={{
+            username: "user",
+            name: "user",
+            email: "user@example.com",
+          }}
+        >
+          <App />
+        </SessionAware>
+      </CookiesProvider>
     );
 
     // The header is present

package/src/index.tsx

@@ -1,6 +1,7 @@
 import { createRoot } from "react-dom/client";
 import App from "./App";
 import Session from "./Session";
+import { CookiesProvider } from "react-cookie";
 
 document.title = "App";
 
@@ -8,9 +9,11 @@ const root = createRoot(
   document.body.appendChild(document.createElement("div"))
 );
 root.render(
-  <Session>
-    <App />
-  </Session>
+  <CookiesProvider>
+    <Session>
+      <App />
+    </Session>
+  </CookiesProvider>
 );
 
 const link = document.createElement("link");