Compare commits
29 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4e3a038bf3 | |||
| 88ba9915c6 | |||
| 26cdd69a49 | |||
| a873369a9b | |||
| d78c859c2b | |||
| 8349ea00de | |||
| b630b40c92 | |||
| db892409ef | |||
| c83214cf42 | |||
| 0306c7fbd9 | |||
| 93da2f1dd8 | |||
| 80101fc37c | |||
| 8ee58471b2 | |||
| 35d31a984d | |||
| 62cbfe4e43 | |||
| f62c0b112d | |||
| f1bb7c4fa6 | |||
| 56b11befe9 | |||
| f70dd96c65 | |||
| 42f3e3211a | |||
| 465db89ab4 | |||
| db6a2a1bbf | |||
| ee7fc2e9bf | |||
| 032a3796ba | |||
| c8610ec28d | |||
| a582bd04b7 | |||
| cac8fc947e | |||
| b8a9e8cc09 | |||
| 592be1301c |
@@ -2,9 +2,9 @@ name: CI
|
|||||||
|
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
branches: [main, dev]
|
branches: [main, dev, uat]
|
||||||
pull_request:
|
pull_request:
|
||||||
branches: [main, dev]
|
branches: [main, dev, uat]
|
||||||
workflow_dispatch:
|
workflow_dispatch:
|
||||||
inputs:
|
inputs:
|
||||||
ref:
|
ref:
|
||||||
@@ -78,6 +78,8 @@ jobs:
|
|||||||
|
|
||||||
- name: Set up Docker Buildx
|
- name: Set up Docker Buildx
|
||||||
uses: docker/setup-buildx-action@v3
|
uses: docker/setup-buildx-action@v3
|
||||||
|
with:
|
||||||
|
driver-opts: network=host
|
||||||
|
|
||||||
- name: Log in to Gitea Container Registry
|
- name: Log in to Gitea Container Registry
|
||||||
uses: docker/login-action@v3
|
uses: docker/login-action@v3
|
||||||
@@ -92,6 +94,7 @@ jobs:
|
|||||||
context: .
|
context: .
|
||||||
file: Dockerfile
|
file: Dockerfile
|
||||||
push: true
|
push: true
|
||||||
|
provenance: false
|
||||||
tags: |
|
tags: |
|
||||||
git.farh.net/groombook/web:${{ steps.version.outputs.tag }}
|
git.farh.net/groombook/web:${{ steps.version.outputs.tag }}
|
||||||
${{ github.ref == 'refs/heads/main' && 'git.farh.net/groombook/web:latest' || '' }}
|
${{ github.ref == 'refs/heads/main' && 'git.farh.net/groombook/web:latest' || '' }}
|
||||||
+1
-1
@@ -18,4 +18,4 @@ COPY nginx.conf /etc/nginx/conf.d/default.conf
|
|||||||
COPY --from=builder /app/dist /usr/share/nginx/html
|
COPY --from=builder /app/dist /usr/share/nginx/html
|
||||||
EXPOSE 80
|
EXPOSE 80
|
||||||
HEALTHCHECK --interval=30s --timeout=5s --start-period=5s --retries=3 \
|
HEALTHCHECK --interval=30s --timeout=5s --start-period=5s --retries=3 \
|
||||||
CMD curl -f http://localhost:80/ || exit 1
|
CMD wget --spider -q http://localhost:80/ || exit 1
|
||||||
@@ -69,6 +69,7 @@ export const { signIn, signOut, useSession, changePassword } = authClient;
|
|||||||
| TC-AUTH-5.3.1 | Auth client falls back to window.location.origin | Do not set `VITE_API_URL`, load app | Auth client uses `window.location.origin` as base URL |
|
| TC-AUTH-5.3.1 | Auth client falls back to window.location.origin | Do not set `VITE_API_URL`, load app | Auth client uses `window.location.origin` as base URL |
|
||||||
| TC-AUTH-5.3.2 | Sign-in on localhost | Load app without `VITE_API_URL` on localhost:3000 | Auth client uses `http://localhost:3000` as base URL |
|
| TC-AUTH-5.3.2 | Sign-in on localhost | Load app without `VITE_API_URL` on localhost:3000 | Auth client uses `http://localhost:3000` as base URL |
|
||||||
| TC-AUTH-5.3.3 | Sign-in on dev environment | Load app without `VITE_API_URL` on `https://dev.groombook.dev` | Auth client uses `https://dev.groombook.dev` as base URL |
|
| TC-AUTH-5.3.3 | Sign-in on dev environment | Load app without `VITE_API_URL` on `https://dev.groombook.dev` | Auth client uses `https://dev.groombook.dev` as base URL |
|
||||||
|
| TC-AUTH-5.3.4 | SSO cookie set after Authentik callback (GRO-1592) | Complete Authentik SSO login on UAT without `VITE_API_URL` set | `__Secure-better-auth.session_token` cookie is present in browser; subsequent `/api/*` calls include the cookie and return 200 |
|
||||||
|
|
||||||
### 5.4 Session Persistence
|
### 5.4 Session Persistence
|
||||||
|
|
||||||
@@ -77,6 +78,26 @@ export const { signIn, signOut, useSession, changePassword } = authClient;
|
|||||||
| TC-AUTH-5.4.1 | Session persists across page reload | Sign in, reload page | Session remains active |
|
| TC-AUTH-5.4.1 | Session persists across page reload | Sign in, reload page | Session remains active |
|
||||||
| TC-AUTH-5.4.2 | Session clears on sign-out | Sign in, sign out | User is logged out, redirected to login |
|
| TC-AUTH-5.4.2 | Session clears on sign-out | Sign in, sign out | User is logged out, redirected to login |
|
||||||
|
|
||||||
|
### 5.4.1 SSO Login Journey (Authentik OIDC end-to-end)
|
||||||
|
|
||||||
|
| # | Scenario | Steps | Pass Criteria | Fail Criteria |
|
||||||
|
|---|----------|-------|---------------|---------------|
|
||||||
|
| TC-WEB-SSO-1 | Sign-in page shows SSO button | Navigate to app root URL | Sign-in page displayed with "Sign in with SSO" button visible | No SSO button, 403 before page loads |
|
||||||
|
| TC-WEB-SSO-2 | Click SSO redirects to Authentik | Click "Sign in with SSO" button | Browser redirected to Authentik login at auth.farh.net | No redirect, error shown, button does nothing |
|
||||||
|
| TC-WEB-SSO-3 | Valid OIDC credentials authenticate | At Authentik, enter valid credentials and authenticate | Redirected back to app with active session | Redirect loop, 403, session not established |
|
||||||
|
| TC-WEB-SSO-4 | Post-login dashboard accessible | After SSO flow completes, dashboard loads | Dashboard displays correctly with user identity shown | Blank page, 403, session not active |
|
||||||
|
| TC-WEB-SSO-5 | User identity displayed correctly | After SSO login, check header/nav | User name/email/initials shown in nav, role reflected in UI | No user indicator, wrong user shown |
|
||||||
|
|
||||||
|
### 5.4.2 OOBE Flow Post-Login
|
||||||
|
|
||||||
|
| # | Scenario | Steps | Pass Criteria | Fail Criteria |
|
||||||
|
|---|----------|-------|---------------|---------------|
|
||||||
|
| TC-WEB-OOBE-1 | Fresh DB shows setup wizard | On fresh DB (no super user), navigate to app | Setup wizard / OOBE screen displayed | Regular login page shown instead of setup |
|
||||||
|
| TC-WEB-OOBE-2 | Configure OIDC via setup | During OOBE, configure OIDC auth provider via /api/setup/auth-provider | OIDC configured successfully, no 403 | 403 during setup, config rejected |
|
||||||
|
| TC-WEB-OOBE-3 | Setup completes and redirects | Complete OOBE setup with business name | Redirected to app dashboard as super user, setup bypassed on reload | Setup errors, wrong redirect, setup reappears |
|
||||||
|
| TC-WEB-OOBE-4 | Admin panel accessible after setup | After completing OOBE, navigate to admin panel | Admin features accessible | 403 on admin panel, insufficient permissions |
|
||||||
|
| TC-WEB-OOBE-5 | SSO login during OOBE does not interfere | During fresh OOBE, attempt SSO login before completing setup | SSO login redirected appropriately, setup can still complete | Auto-provision creates staff prematurely, setup flow broken |
|
||||||
|
|
||||||
### 5.5 Dashboard
|
### 5.5 Dashboard
|
||||||
|
|
||||||
| # | Scenario | Steps | Expected |
|
| # | Scenario | Steps | Expected |
|
||||||
@@ -162,6 +183,18 @@ export const { signIn, signOut, useSession, changePassword } = authClient;
|
|||||||
| TC-WEB-5.12.3 | Confirm appointment | Click confirm on pending appointment | Appointment status updated to confirmed |
|
| TC-WEB-5.12.3 | Confirm appointment | Click confirm on pending appointment | Appointment status updated to confirmed |
|
||||||
| TC-WEB-5.12.4 | Cancel appointment | Click cancel on appointment | Appointment marked as cancelled |
|
| TC-WEB-5.12.4 | Cancel appointment | Click cancel on appointment | Appointment marked as cancelled |
|
||||||
|
|
||||||
|
#### 5.12b Dynamic Portal Time Slots (GRO-1793)
|
||||||
|
|
||||||
|
| # | Scenario | Steps | Expected |
|
||||||
|
|---|----------|-------|----------|
|
||||||
|
| TC-WEB-5.12.5 | BookingFlow dynamic slots | Open Book New, select pet and service, pick a date | Time slots fetched from API; "Checking availability…" shown while loading |
|
||||||
|
| TC-WEB-5.12.6 | BookingFlow slots match wizard | Compare BookingFlow slot times with public booking wizard for same date | Same slots displayed |
|
||||||
|
| TC-WEB-5.12.7 | BookingFlow error state | Mock API failure on availability fetch | "Failed to load time slots" error shown |
|
||||||
|
| TC-WEB-5.12.8 | BookingFlow no slots | Select date with no availability | "No available slots on this date" shown |
|
||||||
|
| TC-WEB-5.12.9 | RescheduleFlow dynamic slots | Open reschedule, pick a new date | Time slots fetched from API; loading state shown |
|
||||||
|
| TC-WEB-5.12.10 | RescheduleFlow error state | Mock API failure on availability fetch | "Failed to load time slots" error shown |
|
||||||
|
| TC-WEB-5.12.11 | RescheduleFlow no slots | Select date with no availability | "No available slots on this date" shown |
|
||||||
|
|
||||||
### 5.13 Reports UI
|
### 5.13 Reports UI
|
||||||
|
|
||||||
| # | Scenario | Steps | Expected |
|
| # | Scenario | Steps | Expected |
|
||||||
|
|||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96C853FAECD363909C4A0</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96CFC84D7A9333708F278</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96D48D7892E37386B9ACB</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96C25663D703833F23607</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96D89851C843332073968</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96C9C5A03D33730C61AD8</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96BEB91911B30317E3BE8</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96BFB7B92D33535D6D90D</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96B8BDF4B473630A2E120</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<Error>
|
|
||||||
<Code>AccessDenied</Code>
|
|
||||||
<Message>You have no right to access this object because of bucket acl.</Message>
|
|
||||||
<RequestId>69D96D78BFFCAD343037C27C</RequestId>
|
|
||||||
<HostId>hailuo-image-algeng-data-us.oss-us-east-1.aliyuncs.com</HostId>
|
|
||||||
<EC>0003-00000001</EC>
|
|
||||||
<RecommendDoc>https://api.alibabacloud.com/troubleshoot?q=0003-00000001</RecommendDoc>
|
|
||||||
</Error>
|
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
|
||||||
|
"extends": ["config:recommended", ":pinAllExceptPeerDependencies", "helpers:pinGitHubActionDigests"],
|
||||||
|
"labels": ["dependencies"],
|
||||||
|
"prConcurrentLimit": 5,
|
||||||
|
"packageRules": [
|
||||||
|
{"matchUpdateTypes": ["minor", "patch"], "groupName": "minor and patch dependencies", "automerge": false},
|
||||||
|
{"matchDepTypes": ["devDependencies"], "matchUpdateTypes": ["minor", "patch"], "automerge": true, "automergeType": "pr"}
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -380,3 +380,141 @@ describe("ConfirmationSection", () => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
describe("RescheduleFlow dynamic time slots", () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
vi.clearAllMocks();
|
||||||
|
global.fetch = vi.fn();
|
||||||
|
});
|
||||||
|
|
||||||
|
const RESCHEDULE_APPT = {
|
||||||
|
id: "appt-r1",
|
||||||
|
petId: "pet-1",
|
||||||
|
petName: "Buddy",
|
||||||
|
groomerId: "groomer-1",
|
||||||
|
groomerName: "Sarah",
|
||||||
|
services: ["Bath & Brush"],
|
||||||
|
serviceId: "service-1",
|
||||||
|
addOns: [],
|
||||||
|
date: "2027-01-01",
|
||||||
|
time: "10:00 AM",
|
||||||
|
duration: 60,
|
||||||
|
price: 50,
|
||||||
|
status: "confirmed" as const,
|
||||||
|
notes: "",
|
||||||
|
customerNotes: "",
|
||||||
|
confirmationStatus: "confirmed" as const,
|
||||||
|
};
|
||||||
|
|
||||||
|
it("shows loading state while fetching availability", async () => {
|
||||||
|
vi.mocked(global.fetch).mockReturnValue(new Promise(() => {})); // Never resolves
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-15" } });
|
||||||
|
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(screen.getByText(/Checking availability/i)).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("displays fetched time slots from API", async () => {
|
||||||
|
vi.mocked(global.fetch).mockResolvedValue({
|
||||||
|
ok: true,
|
||||||
|
json: async () => ["9:00 AM", "10:00 AM", "2:00 PM"],
|
||||||
|
} as Response);
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-15" } });
|
||||||
|
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(screen.getByText("9:00 AM")).toBeInTheDocument();
|
||||||
|
expect(screen.getByText("10:00 AM")).toBeInTheDocument();
|
||||||
|
expect(screen.getByText("2:00 PM")).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("shows error state when availability fetch fails", async () => {
|
||||||
|
vi.mocked(global.fetch).mockRejectedValue(new Error("Network error"));
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-15" } });
|
||||||
|
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(screen.getByText(/Failed to load time slots/i)).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("shows no slots message when API returns empty array", async () => {
|
||||||
|
vi.mocked(global.fetch).mockResolvedValue({
|
||||||
|
ok: true,
|
||||||
|
json: async () => [] as string[],
|
||||||
|
} as Response);
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-15" } });
|
||||||
|
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(screen.getByText(/No available slots on this date/i)).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("calls /api/book/availability with the selected date", async () => {
|
||||||
|
vi.mocked(global.fetch).mockResolvedValue({
|
||||||
|
ok: true,
|
||||||
|
json: async () => ["9:00 AM"] as string[],
|
||||||
|
} as Response);
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-02-20" } });
|
||||||
|
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(global.fetch).toHaveBeenCalledWith(
|
||||||
|
"/api/book/availability?date=2027-02-20",
|
||||||
|
expect.objectContaining({
|
||||||
|
headers: expect.objectContaining({ "X-Impersonation-Session-Id": "test-session-id" }),
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("re-fetches slots when date changes", async () => {
|
||||||
|
vi.mocked(global.fetch)
|
||||||
|
.mockResolvedValueOnce({
|
||||||
|
ok: true,
|
||||||
|
json: async () => ["9:00 AM"] as string[],
|
||||||
|
} as Response)
|
||||||
|
.mockResolvedValueOnce({
|
||||||
|
ok: true,
|
||||||
|
json: async () => ["11:00 AM", "1:00 PM"] as string[],
|
||||||
|
} as Response);
|
||||||
|
|
||||||
|
const { RescheduleFlow } = await import("../portal/sections/Appointments.tsx");
|
||||||
|
render(<RescheduleFlow appointment={RESCHEDULE_APPT} onClose={() => {}} sessionId="test-session-id" />);
|
||||||
|
|
||||||
|
const dateInput = screen.getByLabelText(/date/i) || screen.getByRole("textbox", { name: /date/i });
|
||||||
|
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-10" } });
|
||||||
|
await waitFor(() => expect(screen.getByText("9:00 AM")).toBeInTheDocument());
|
||||||
|
|
||||||
|
fireEvent.change(dateInput, { target: { value: "2027-01-15" } });
|
||||||
|
await waitFor(() => {
|
||||||
|
expect(screen.getByText("11:00 AM")).toBeInTheDocument();
|
||||||
|
expect(screen.getByText("1:00 PM")).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import { createAuthClient } from "better-auth/react";
|
import { createAuthClient } from "better-auth/react";
|
||||||
|
|
||||||
export const authClient = createAuthClient({
|
export const authClient = createAuthClient({
|
||||||
baseURL: import.meta.env.VITE_API_URL ?? "",
|
baseURL: import.meta.env.VITE_API_URL || (typeof window !== "undefined" ? window.location.origin : ""),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const { signIn, signOut, useSession, changePassword } = authClient;
|
export const { signIn, signOut, useSession, changePassword } = authClient;
|
||||||
+1
-1
@@ -519,7 +519,7 @@ export function BookPage() {
|
|||||||
<option value="small">Small (under 15 lbs)</option>
|
<option value="small">Small (under 15 lbs)</option>
|
||||||
<option value="medium">Medium (15–40 lbs)</option>
|
<option value="medium">Medium (15–40 lbs)</option>
|
||||||
<option value="large">Large (40–80 lbs)</option>
|
<option value="large">Large (40–80 lbs)</option>
|
||||||
<option value="x-large">X-Large (over 80 lbs)</option>
|
<option value="xlarge">X-Large (over 80 lbs)</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@@ -573,16 +573,26 @@ export function RescheduleFlow({
|
|||||||
const [submitting, setSubmitting] = useState(false);
|
const [submitting, setSubmitting] = useState(false);
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
const [success, setSuccess] = useState(false);
|
const [success, setSuccess] = useState(false);
|
||||||
|
const [slotsLoading, setSlotsLoading] = useState(false);
|
||||||
|
const [slotsError, setSlotsError] = useState<string | null>(null);
|
||||||
|
const [availableTimes, setAvailableTimes] = useState<string[]>([]);
|
||||||
|
|
||||||
const availableTimes = [
|
useEffect(() => {
|
||||||
'9:00 AM',
|
if (!selectedDate || !sessionId) {
|
||||||
'10:00 AM',
|
setAvailableTimes([]);
|
||||||
'11:00 AM',
|
return;
|
||||||
'1:00 PM',
|
}
|
||||||
'2:00 PM',
|
const params = new URLSearchParams({ date: selectedDate });
|
||||||
'3:00 PM',
|
setSlotsLoading(true);
|
||||||
'4:00 PM',
|
setSlotsError(null);
|
||||||
];
|
fetch(`/api/book/availability?${params.toString()}`, {
|
||||||
|
headers: { "X-Impersonation-Session-Id": sessionId ?? "" },
|
||||||
|
})
|
||||||
|
.then((r) => r.json() as Promise<string[]>)
|
||||||
|
.then(setAvailableTimes)
|
||||||
|
.catch(() => setSlotsError('Failed to load time slots'))
|
||||||
|
.finally(() => setSlotsLoading(false));
|
||||||
|
}, [selectedDate, sessionId]);
|
||||||
|
|
||||||
async function handleSubmit() {
|
async function handleSubmit() {
|
||||||
if (!selectedDate || !selectedTime) return;
|
if (!selectedDate || !selectedTime) return;
|
||||||
@@ -654,6 +664,7 @@ export function RescheduleFlow({
|
|||||||
<h3 className="font-medium text-stone-800 mb-3">Pick a New Date & Time</h3>
|
<h3 className="font-medium text-stone-800 mb-3">Pick a New Date & Time</h3>
|
||||||
<input
|
<input
|
||||||
type="date"
|
type="date"
|
||||||
|
aria-label="Select date"
|
||||||
value={selectedDate}
|
value={selectedDate}
|
||||||
onChange={(e) => setSelectedDate(e.target.value)}
|
onChange={(e) => setSelectedDate(e.target.value)}
|
||||||
min={new Date().toISOString().split('T')[0]}
|
min={new Date().toISOString().split('T')[0]}
|
||||||
@@ -661,7 +672,12 @@ export function RescheduleFlow({
|
|||||||
/>
|
/>
|
||||||
{selectedDate && (
|
{selectedDate && (
|
||||||
<div className="grid grid-cols-3 gap-2 mb-4">
|
<div className="grid grid-cols-3 gap-2 mb-4">
|
||||||
{availableTimes.map((time) => (
|
{slotsLoading && <p className="col-span-3 text-sm text-stone-500 py-2">Checking availability…</p>}
|
||||||
|
{!slotsLoading && slotsError && <p className="col-span-3 text-sm text-red-500 py-2">{slotsError}</p>}
|
||||||
|
{!slotsLoading && availableTimes.length === 0 && !slotsError && (
|
||||||
|
<p className="col-span-3 text-sm text-stone-500 py-2">No available slots on this date.</p>
|
||||||
|
)}
|
||||||
|
{!slotsLoading && availableTimes.map((time) => (
|
||||||
<button
|
<button
|
||||||
key={time}
|
key={time}
|
||||||
onClick={() => setSelectedTime(time)}
|
onClick={() => setSelectedTime(time)}
|
||||||
@@ -723,16 +739,26 @@ function BookingFlow({ onClose, sessionId }: BookingFlowProps) {
|
|||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
const [submitting, setSubmitting] = useState(false);
|
const [submitting, setSubmitting] = useState(false);
|
||||||
|
const [slotsLoading, setSlotsLoading] = useState(false);
|
||||||
|
const [slotsError, setSlotsError] = useState<string | null>(null);
|
||||||
|
const [availableTimes, setAvailableTimes] = useState<string[]>([]);
|
||||||
|
|
||||||
const availableTimes = [
|
useEffect(() => {
|
||||||
'9:00 AM',
|
if (!selectedDate || !sessionId) {
|
||||||
'10:00 AM',
|
setAvailableTimes([]);
|
||||||
'11:00 AM',
|
return;
|
||||||
'1:00 PM',
|
}
|
||||||
'2:00 PM',
|
const params = new URLSearchParams({ date: selectedDate });
|
||||||
'3:00 PM',
|
setSlotsLoading(true);
|
||||||
'4:00 PM',
|
setSlotsError(null);
|
||||||
];
|
fetch(`/api/book/availability?${params.toString()}`, {
|
||||||
|
headers: { "X-Impersonation-Session-Id": sessionId ?? "" },
|
||||||
|
})
|
||||||
|
.then((r) => r.json() as Promise<string[]>)
|
||||||
|
.then(setAvailableTimes)
|
||||||
|
.catch(() => setSlotsError('Failed to load time slots'))
|
||||||
|
.finally(() => setSlotsLoading(false));
|
||||||
|
}, [selectedDate, sessionId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const fetchData = async () => {
|
const fetchData = async () => {
|
||||||
@@ -1048,6 +1074,7 @@ function BookingFlow({ onClose, sessionId }: BookingFlowProps) {
|
|||||||
<h3 className="font-medium text-stone-800 mb-3">Pick Date & Time</h3>
|
<h3 className="font-medium text-stone-800 mb-3">Pick Date & Time</h3>
|
||||||
<input
|
<input
|
||||||
type="date"
|
type="date"
|
||||||
|
aria-label="Select date"
|
||||||
value={selectedDate}
|
value={selectedDate}
|
||||||
onChange={(e) => setSelectedDate(e.target.value)}
|
onChange={(e) => setSelectedDate(e.target.value)}
|
||||||
min={new Date().toISOString().split('T')[0]}
|
min={new Date().toISOString().split('T')[0]}
|
||||||
@@ -1055,7 +1082,12 @@ function BookingFlow({ onClose, sessionId }: BookingFlowProps) {
|
|||||||
/>
|
/>
|
||||||
{selectedDate && (
|
{selectedDate && (
|
||||||
<div className="grid grid-cols-3 gap-2 mb-4">
|
<div className="grid grid-cols-3 gap-2 mb-4">
|
||||||
{availableTimes.map((time) => (
|
{slotsLoading && <p className="col-span-3 text-sm text-stone-500 py-2">Checking availability…</p>}
|
||||||
|
{!slotsLoading && slotsError && <p className="col-span-3 text-sm text-red-500 py-2">{slotsError}</p>}
|
||||||
|
{!slotsLoading && availableTimes.length === 0 && !slotsError && (
|
||||||
|
<p className="col-span-3 text-sm text-stone-500 py-2">No available slots on this date.</p>
|
||||||
|
)}
|
||||||
|
{!slotsLoading && availableTimes.map((time) => (
|
||||||
<button
|
<button
|
||||||
key={time}
|
key={time}
|
||||||
onClick={() => setSelectedTime(time)}
|
onClick={() => setSelectedTime(time)}
|
||||||
|
|||||||
Reference in New Issue
Block a user