@@ -375,10 +375,20 @@ describe("side result render", () => {
|
375 | 375 | container, |
376 | 376 | ); |
377 | 377 | |
378 | | -expect(container.textContent).toContain("BTW"); |
379 | | -expect(container.textContent).toContain("what changed?"); |
380 | | -expect(container.textContent).toContain("Not saved to chat history"); |
381 | | -expect(container.querySelectorAll(".chat-side-result")).toHaveLength(1); |
| 378 | +const sideResult = container.querySelector<HTMLElement>(".chat-side-result"); |
| 379 | +expect(sideResult).toBeInstanceOf(HTMLElement); |
| 380 | +expect([...sideResult!.classList]).toEqual(["chat-side-result"]); |
| 381 | +expect(sideResult!.getAttribute("aria-label")).toBe("BTW side result"); |
| 382 | +expect(sideResult!.querySelector(".chat-side-result__label")?.textContent).toBe("BTW"); |
| 383 | +expect(sideResult!.querySelector(".chat-side-result__meta")?.textContent).toBe( |
| 384 | +"Not saved to chat history", |
| 385 | +); |
| 386 | +expect(sideResult!.querySelector(".chat-side-result__question")?.textContent).toBe( |
| 387 | +"what changed?", |
| 388 | +); |
| 389 | +expect(sideResult!.querySelector(".chat-side-result__body")?.textContent?.trim()).toBe( |
| 390 | +"The web UI now renders **BTW** separately.", |
| 391 | +); |
382 | 392 | |
383 | 393 | const button = container.querySelector<HTMLButtonElement>(".chat-side-result__dismiss"); |
384 | 394 | expect(button).toBeInstanceOf(HTMLButtonElement); |
@@ -401,6 +411,8 @@ describe("side result render", () => {
|
401 | 411 | container, |
402 | 412 | ); |
403 | 413 | |
404 | | -expect(container.querySelectorAll(".chat-side-result--error")).toHaveLength(1); |
| 414 | +const errorResult = container.querySelector<HTMLElement>(".chat-side-result--error"); |
| 415 | +expect(errorResult).toBeInstanceOf(HTMLElement); |
| 416 | +expect([...errorResult!.classList]).toEqual(["chat-side-result", "chat-side-result--error"]); |
405 | 417 | }); |
406 | 418 | }); |
