Skip to content

Commit

Permalink
redirect query
Browse files Browse the repository at this point in the history
  • Loading branch information
@fzhao99
fzhao99 committed Oct 16, 2024
1 parent 7cb1669 commit 640fc35
Show file tree
Hide file tree
Showing 19 changed files with 298 additions and 862 deletions.
20 changes: 0 additions & 20 deletions query-connector/e2e/example.spec.ts
View file

This file was deleted.

269 changes: 48 additions & 221 deletions query-connector/e2e/query_workflow.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,48 +2,24 @@

import { test, expect } from "@playwright/test";
import { TEST_URL } from "../playwright-setup";

test.describe("querying with the TryTEFCA viewer", () => {
import { STEP_ONE_PAGE_TITLE } from "@/app/query/components/searchForm/SearchForm";
import {
CONTACT_US_DISCLAIMER_EMAIL,
CONTACT_US_DISCLAIMER_TEXT,
} from "@/app/query/designSystem/SiteAlert";
import { TEST_PATIENT, TEST_PATIENT_NAME } from "./constants";

test.describe("querying with the Query Connector", () => {
test.beforeEach(async ({ page }) => {
// Start every test on our main landing page
await page.goto(TEST_URL);
});

test("landing page loads", async ({ page }) => {
// Check that each expected text section is present
await expect(
page.getByRole("heading", { name: "Data collection made easier" }),
).toBeVisible();
await expect(
page.getByRole("heading", { name: "What is it?" }),
).toBeVisible();
await expect(
page.getByRole("heading", { name: "How does it work?" }),
).toBeVisible();

// Check that interactable elements are present (header and Get Started)
await expect(
page.getByRole("link", { name: "TEFCA Viewer" }),
).toBeVisible();
await expect(
page.getByRole("button", { name: "Go to the demo" }),
).toBeVisible();
});

test("unsuccessful user query: no patients", async ({ page }) => {
await page.getByRole("button", { name: "Go to the demo" }).click();
await page
.getByLabel("Query", { exact: true })
.selectOption("social-determinants");
await page.getByRole("button", { name: "Advanced" }).click();
await page
.getByLabel("FHIR Server (QHIN)", { exact: true })
.selectOption("HELIOS Meld: Direct");

await page.getByLabel("First Name").fill("Ellie");
await page.getByLabel("Last Name").fill("Williams");
await page.getByLabel("Phone Number").fill("5555555555");
await page.getByLabel("Medical Record Number").fill("TLOU1TLOU2");
await page.getByRole("button", { name: "Fill fields" }).click();
await page.getByLabel("First Name").fill("Shouldnt");
await page.getByLabel("Last Name").fill("Findanyone");
await page.getByRole("button", { name: "Search for patient" }).click();

// Better luck next time, user!
Expand All @@ -58,9 +34,7 @@ test.describe("querying with the TryTEFCA viewer", () => {
.click();
});

test("successful demo user query: the quest for watermelon mcgee", async ({
page,
}) => {
test("successful demo user query", async ({ page }) => {
await page.getByRole("button", { name: "Go to the demo" }).click();

// Check that the info alert is visible and contains the correct text
Expand All @@ -70,225 +44,78 @@ test.describe("querying with the TryTEFCA viewer", () => {
"This site is for demo purposes only. Please do not enter PII on this website.",
);
await expect(
page.getByRole("heading", { name: "Search for a Patient", exact: true }),
page.getByRole("heading", { name: STEP_ONE_PAGE_TITLE, exact: true }),
).toBeVisible();

// Put in the search parameters for the elusive fruit person
await page
.getByLabel("Query", { exact: true })
.selectOption("newborn-screening");
await page
.getByLabel("Patient", { exact: true })
.selectOption("newborn-screening-referral");
await page.getByRole("button", { name: "Fill fields" }).click();
await page.getByLabel("First Name").fill("Watermelon");
await page.getByLabel("Last Name").fill("McGee");
await page.getByLabel("Date of Birth").fill("2024-07-12");
await page.getByLabel("Medical Record Number").fill("18091");
await page.getByLabel("Phone Number").fill("5555555555");
await page.getByLabel("First Name").fill(TEST_PATIENT.FirstName);
await page.getByLabel("Last Name").fill(TEST_PATIENT.LastName);
await page.getByLabel("Date of Birth").fill(TEST_PATIENT.DOB);
await page.getByLabel("Medical Record Number").fill(TEST_PATIENT.MRN);
await page.getByLabel("Phone Number").fill(TEST_PATIENT.Phone);
await page.getByRole("button", { name: "Search for patient" }).click();
await expect(page.getByText("Loading")).toHaveCount(0, { timeout: 10000 });

// Make sure we have a results page with a single patient
// Non-interactive 'div' elements in the table should be located by text
await expect(
page.getByRole("heading", { name: "Patient Record" }),
).toBeVisible();
await expect(page.getByText("Patient Name")).toBeVisible();
await expect(page.getByText("WATERMELON SPROUT MCGEE")).toBeVisible();
await expect(page.getByText("Patient Identifiers")).toBeVisible();
await expect(page.getByText("MRN: 18091")).toBeVisible();

// Check that the info alert is visible and has updated to the correct text
const alert2 = page.locator(".custom-alert");
await expect(alert2).toBeVisible();
await expect(alert2).toHaveText(
"Interested in learning more about using the TEFCA Query Connector for your jurisdiction? Send us an email at [email protected]",
);

// Check to see if the accordion button is open
await page.getByRole("link", { name: "Select patient" }).click();
await expect(
page.getByRole("button", { name: "Observations", expanded: true }),
page.getByRole("heading", { name: "Select a query" }),
).toBeVisible();
await page.getByTestId("Select").selectOption("chlamydia");

// We can also just directly ask the page to find us filtered table rows
await expect(page.locator("tbody").locator("tr")).toHaveCount(5);

// Now let's use the return to search to go back to a blank form
await page.getByRole("button", { name: "New patient search" }).click();
await page.getByRole("button", { name: "Customize Query" }).click();
await expect(
page.getByRole("heading", { name: "Search for a Patient", exact: true }),
page.getByRole("heading", { name: "Customize Query" }),
).toBeVisible();
});

test("query using form-fillable demo patient by phone number", async ({
page,
}) => {
await page.getByRole("button", { name: "Go to the demo" }).click();

await page.getByLabel("Query", { exact: true }).selectOption("syphilis");
await page
.getByLabel("Patient", { exact: true })
.selectOption("sti-syphilis-positive");
await page.getByRole("button", { name: "Fill fields" }).click();
// For some reason only in Chromium (ie not in firefox / webkit) there were
// issues connecting to the database for the cancer use case, which was resulting
// in errors on the results view screen when checking for the query result.
// Switching to chlymdia seemed to solve the issue, but leaving this check
// in just in case something similar happens in the future so the unlucky
// dev can have a note to help debug.

// Delete last name and MRN to force phone number as one of the 3 fields
await page.getByLabel("Last Name").clear();
await page.getByLabel("Medical Record Number").clear();

// Among verification, make sure phone number is right
await page.getByRole("button", { name: "Search for patient" }).click();
await expect(page.getByText("Loading")).toHaveCount(0, { timeout: 10000 });
await expect(
page.getByRole("heading", { name: "Patient Record" }),
).toBeVisible();
await expect(page.getByText("Patient Name")).toBeVisible();
await expect(page.getByText("Hyper A. Unlucky")).toBeVisible();
await expect(page.getByText("Contact")).toBeVisible();
await expect(page.getByText("517-425-1398")).toBeVisible();
await expect(page.getByText("Patient Identifiers")).toBeVisible();
await expect(page.getByText("8692756")).toBeVisible();
});
page.getByText("0 labs found, 0 medications found, 0 conditions found."),
).not.toBeVisible();

test("social determinants query with generalized function", async ({
page,
}) => {
await page.getByRole("button", { name: "Go to the demo" }).click();
await page
.getByLabel("Query", { exact: true })
.selectOption("social-determinants");
await page.getByRole("button", { name: "Fill fields" }).click();
await page.getByRole("button", { name: "Search for patient" }).click();
await expect(
page.getByRole("heading", { name: "Patient Record" }),
).toBeVisible();
});
await page.getByText("Return to patient search").click();

test("form-fillable STI query using generalized function", async ({
page,
}) => {
await page.getByRole("button", { name: "Go to the demo" }).click();
await page.getByLabel("Query", { exact: true }).selectOption("chlamydia");
await page.getByRole("button", { name: "Fill fields" }).click();
await page.getByRole("button", { name: "Search for patient" }).click();
await page.getByRole("button", { name: "Submit" }).click();
await expect(page.getByText("Loading")).toHaveCount(0, { timeout: 10000 });

await expect(
page.getByRole("heading", { name: "Patient Record" }),
).toBeVisible();
});
});

test.describe("Test the user journey of a 'tester'", () => {
test.beforeEach(async ({ page }) => {
// Start every test on direct tester page
await page.goto("http://localhost:3000/tefca-viewer/query/test", {
waitUntil: "load",
});
});

test("query/test page loads", async ({ page }) => {
// Check that interactable elements are present
await expect(
page.getByRole("button", { name: "Data Usage Policy" }),
).toBeVisible();
await expect(
page.getByRole("link", { name: "TEFCA Viewer" }),
).toBeVisible();

// Check that each expected text section is present
await expect(
page.getByRole("heading", { name: "Search for a Patient", exact: true }),
).toBeVisible();
await expect(page.getByLabel("Query", { exact: true })).toBeVisible();
await expect(page.getByLabel("Patient", { exact: true })).toBeVisible();
await expect(page.getByRole("button", { name: "Advanced" })).toBeVisible();
});

test("Query for patient using auto-filled data", async ({ page }) => {
await page
.getByLabel("Query", { exact: true })
.selectOption({ value: "newborn-screening" });
await page
.getByLabel("Patient", { exact: true })
.selectOption({ value: "newborn-screening-referral" });
await page.getByRole("button", { name: "Fill fields" }).click();
await page.getByRole("button", { name: "Search for patient" }).click();

// Make sure we have a results page with a single patient
// Non-interactive 'div' elements in the table should be located by text
await expect(
page.getByRole("heading", { name: "Patient Record" }),
).toBeVisible();
await expect(page.getByText("Patient Name")).toBeVisible();
await expect(page.getByText("WATERMELON SPROUT MCGEE")).toBeVisible();
await expect(page.getByText(TEST_PATIENT_NAME)).toBeVisible();
await expect(page.getByText("Patient Identifiers")).toBeVisible();
await expect(page.getByText("MRN: 18091")).toBeVisible();
});

test("Query for patient by filling in data", async ({ page }) => {
await page
.getByLabel("Query", { exact: true })
.selectOption("Newborn screening follow-up");
await page.getByRole("button", { name: "Advanced" }).click();
await page
.getByLabel("FHIR Server (QHIN)", { exact: true })
.selectOption("HELIOS Meld: Direct");
await page.getByLabel("First Name").fill("Watermelon");
await page.getByLabel("Last Name").fill("McGee");
await page.getByLabel("Phone Number").fill("5555555555");
await page.getByLabel("Date of Birth").fill("2024-07-12");
await page.getByLabel("Medical Record Number").fill("18091");

await page.getByRole("button", { name: "Search for patient" }).click();

// Make sure we have a results page with a single patient
await expect(
page.getByRole("heading", { name: "Patient Record" }),
page.getByText(`Medical Record Number: ${TEST_PATIENT.MRN}`),
).toBeVisible();
await expect(page.getByText("Patient Name")).toBeVisible();
await expect(page.getByText("WATERMELON SPROUT MCGEE")).toBeVisible();
await expect(page.getByText("Patient Identifiers")).toBeVisible();
await expect(page.getByText("MRN: 18091")).toBeVisible();
});

test("Query with multiple patients returned", async ({ page }) => {
// Query for a patient with multiple results
await page
.getByLabel("Query", { exact: true })
.selectOption("Chlamydia case investigation");
await page.getByRole("button", { name: "Advanced" }).click();
await page
.getByLabel("FHIR Server (QHIN)", { exact: true })
.selectOption("JMC Meld: Direct");
await page.getByLabel("Last Name").fill("JMC");

await page.getByRole("button", { name: "Search for patient" }).click();
// Make sure all the elements for the multiple patients view appear
await expect(
page.getByRole("heading", { name: "Select a patient" }),
).toBeVisible();
// Check that there is a Table element with the correct headers
await expect(page.locator("thead").locator("tr")).toHaveText(
"NameDOBContactAddressMRNActions",
// Check that the info alert is visible and has updated to the correct text
const alert2 = page.locator(".custom-alert");
await expect(alert2).toBeVisible();
await expect(alert2).toHaveText(
`${CONTACT_US_DISCLAIMER_TEXT} ${CONTACT_US_DISCLAIMER_EMAIL}`,
);

// Check that there are multiple rows in the table
await expect(page.locator("tbody").locator("tr")).toHaveCount(10);

// Click on the first patient's "Select patient" button
await page.locator(':nth-match(:text("Select patient"), 1)').click();

// Make sure we have a results page with a single patient & appropriate back buttons
await expect(
page.getByRole("heading", { name: "Patient Record" }),
page.getByRole("button", { name: "Observations", expanded: true }),
).toBeVisible();
await expect(
page.getByRole("button", { name: "New patient search" }),
page.getByRole("button", { name: "Medication Requests", expanded: true }),
).toBeVisible();

// We can also just directly ask the page to find us filtered table rows
await expect(page.locator("tbody").locator("tr")).toHaveCount(32);

// Now let's use the return to search to go back to a blank form
await page.getByRole("button", { name: "New patient search" }).click();
await expect(
page.getByRole("heading", { name: "Search for a Patient", exact: true }),
page.getByRole("heading", { name: STEP_ONE_PAGE_TITLE, exact: true }),
).toBeVisible();
});
});
2 changes: 1 addition & 1 deletion query-connector/src/app/CustomQuery.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ export class CustomQuery {
: "";
this.medicationRequestQuery =
rxnormFilter !== ""
? `/MedicationRequest?subject=${patientId}&code=${rxnormFilter}&_include=MedicationRequest:medication&_include=MedicationRequest:medication.administration`
? `/MedicationRequest?subject=${patientId}&code=${rxnormFilter}&_include=MedicationRequest:medication&_include=MedicationRequest:intended-performer`
: "";
this.socialHistoryQuery = `/Observation?subject=${patientId}&category=social-history`;
this.encounterQuery =
Expand Down
Loading

0 comments on commit 640fc35

Please sign in to comment.