HealthSamurai
diff --git a/‎.github/workflows/gh-pages.yaml‎
Lines changed: 2 additions & 2 deletions b/‎.github/workflows/gh-pages.yaml‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎.github/workflows/npm-publish.yaml‎
Lines changed: 2 additions & 2 deletions b/‎.github/workflows/npm-publish.yaml‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎src/App.tsx‎ renamed to ‎demo/app.tsx‎ b/‎src/App.tsx‎ renamed to ‎demo/app.tsx‎
diff --git a/‎src/index.css‎ renamed to ‎demo/index.css‎ b/‎src/index.css‎ renamed to ‎demo/index.css‎
diff --git a/‎src/index.tsx‎ renamed to ‎demo/index.tsx‎ b/‎src/index.tsx‎ renamed to ‎demo/index.tsx‎
diff --git a/‎src/vite-env.d.ts‎ renamed to ‎demo/vite-env.d.ts‎ b/‎src/vite-env.d.ts‎ renamed to ‎demo/vite-env.d.ts‎
diff --git a/‎index.html‎
Lines changed: 1 addition & 1 deletion b/‎index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎lib/__tests__/questionnaire-renderer.test.tsx‎
Lines changed: 41 additions & 0 deletions b/‎lib/__tests__/questionnaire-renderer.test.tsx‎
Lines changed: 41 additions & 0 deletions
diff --git a/‎lib/__tests__/setup-tests.ts‎
Lines changed: 1 addition & 0 deletions b/‎lib/__tests__/setup-tests.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎lib/index.css‎
Lines changed: 0 additions & 4 deletions b/‎lib/index.css‎
Lines changed: 0 additions & 4 deletions
@@ -17,13 +17,13 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '22'
 
       - name: Install Dependencies
         run: npm install
 
       - name: Build
-        run: BUILD_TARGET=app npm run build -- --base=/aidbox-forms-renderer
+        run: BUILD_TARGET=demo npm run build -- --base=/aidbox-forms-renderer
 
       - name: Add GitHub ribbon to built files
         run: |
 
@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '22'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install Dependencies
@@ -27,4 +27,4 @@ jobs:
       - name: Publish to npm
         run: npm publish
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root" class="contents"></div>
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module" src="/demo/index.tsx"></script>
   </body>
 </html>
@@ -0,0 +1,41 @@
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+
+import Renderer from "../index";
+import type { Questionnaire, QuestionnaireResponse } from "fhir/r5";
+
+describe("Renderer", () => {
+  it("updates QuestionnaireResponse when a user answers a question", async () => {
+    const questionnaire: Questionnaire = {
+      resourceType: "Questionnaire",
+      id: "test",
+      status: "active",
+      item: [
+        {
+          linkId: "name",
+          text: "Full name",
+          type: "string",
+          required: true,
+        },
+      ],
+    };
+
+    const handleChange = vi.fn();
+
+    render(<Renderer questionnaire={questionnaire} onChange={handleChange} />);
+
+    const user = userEvent.setup();
+    const input = screen.getByRole("textbox", { name: /full name/i });
+    await user.clear(input);
+    await user.type(input, "Ada Lovelace");
+
+    expect(handleChange).toHaveBeenCalled();
+
+    const lastCall = handleChange.mock.calls.at(-1) as [QuestionnaireResponse];
+    const response = lastCall[0];
+    const valueString = response.item?.[0]?.answer?.[0]?.valueString;
+    expect(valueString).toBe("Ada Lovelace");
+    expect(response.status).toBe("in-progress");
+  });
+});
@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";
@@ -3,11 +3,7 @@
   flex-direction: column;
   gap: 1.5rem;
   padding: 1.5rem;
-  border: 1px solid #e2e8f0;
-  border-radius: 0.75rem;
-  background: #ffffff;
   color: #1a202c;
-  max-width: 640px;
 }
 
 .q-title {
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+import "@testing-library/jest-dom/vitest";`