From eaf17fd056a360b3b7bb44c3ff642719a4c83807 Mon Sep 17 00:00:00 2001 From: fzhao99 Date: Fri, 10 Jan 2025 12:49:19 -0500 Subject: [PATCH] move the landing page call-to-action above the fold (#261) Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> --- query-connector/e2e/alternate_queries.spec.ts | 6 ++--- query-connector/e2e/customize_query.spec.ts | 2 +- query-connector/e2e/load.spec.ts | 4 +-- query-connector/e2e/query_workflow.spec.ts | 4 +-- query-connector/src/app/page.module.scss | 16 +++++------ query-connector/src/app/page.tsx | 27 +++++++------------ 6 files changed, 24 insertions(+), 35 deletions(-) diff --git a/query-connector/e2e/alternate_queries.spec.ts b/query-connector/e2e/alternate_queries.spec.ts index f48827eb4..9592a4000 100644 --- a/query-connector/e2e/alternate_queries.spec.ts +++ b/query-connector/e2e/alternate_queries.spec.ts @@ -13,7 +13,7 @@ test.describe("alternate queries with the Query Connector", () => { test("query using form-fillable demo patient by phone number", async ({ page, }) => { - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); await page.getByRole("button", { name: "Fill fields" }).click(); // Delete Last name and MRN to force phone number as one of the 3 fields @@ -50,7 +50,7 @@ test.describe("alternate queries with the Query Connector", () => { // test("social determinants query with generalized function", async ({ test("cancer query with generalized function", async ({ page }) => { - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); await page.getByRole("button", { name: "Fill fields" }).click(); // Select FHIR server from drop down await page.getByRole("button", { name: "Advanced" }).click(); @@ -77,7 +77,7 @@ test.describe("alternate queries with the Query Connector", () => { test("form-fillable STI query using generalized function", async ({ page, }) => { - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); await page.getByRole("button", { name: "Fill fields" }).click(); // Select FHIR server from drop down await page.getByRole("button", { name: "Advanced" }).click(); diff --git a/query-connector/e2e/customize_query.spec.ts b/query-connector/e2e/customize_query.spec.ts index 591f7543c..530606fde 100644 --- a/query-connector/e2e/customize_query.spec.ts +++ b/query-connector/e2e/customize_query.spec.ts @@ -10,7 +10,7 @@ test.describe("querying with the Query Connector", () => { // Start every test by navigating to the customize query workflow test.beforeEach(async ({ page }) => { await page.goto(TEST_URL); - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); // Check that the info alert is visible and contains the correct text const alert = page.locator(".custom-alert"); diff --git a/query-connector/e2e/load.spec.ts b/query-connector/e2e/load.spec.ts index e11565471..f4b6eb026 100644 --- a/query-connector/e2e/load.spec.ts +++ b/query-connector/e2e/load.spec.ts @@ -18,7 +18,5 @@ test("landing page loads", async ({ page }) => { // Check that interactable elements are present (header and Get Started) await expect(page.getByRole("link", { name: metadata.title })).toBeVisible(); - await expect( - page.getByRole("button", { name: "Go to the demo" }), - ).toBeVisible(); + await expect(page.getByRole("button", { name: "Try it out" })).toBeVisible(); }); diff --git a/query-connector/e2e/query_workflow.spec.ts b/query-connector/e2e/query_workflow.spec.ts index 9b45d1862..9776a46ba 100644 --- a/query-connector/e2e/query_workflow.spec.ts +++ b/query-connector/e2e/query_workflow.spec.ts @@ -16,7 +16,7 @@ test.describe("querying with the Query Connector", () => { }); test("unsuccessful user query: no patients", async ({ page }) => { - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); await page.getByRole("button", { name: "Fill fields" }).click(); await page.getByLabel("First name").fill("Shouldnt"); await page.getByLabel("Last name").fill("Findanyone"); @@ -41,7 +41,7 @@ test.describe("querying with the Query Connector", () => { }); test("successful demo user query", async ({ page }) => { - await page.getByRole("button", { name: "Go to the demo" }).click(); + await page.getByRole("button", { name: "Try it out" }).click(); // Check that the info alert is visible and contains the correct text const alert = page.locator(".custom-alert"); diff --git a/query-connector/src/app/page.module.scss b/query-connector/src/app/page.module.scss index e076dc817..0457cadb2 100644 --- a/query-connector/src/app/page.module.scss +++ b/query-connector/src/app/page.module.scss @@ -1,14 +1,14 @@ .pageSubtitle { - margin: 2rem 0 0.5rem 0; + margin: 2rem 0 0.5rem 0; } -.pageSubtitle:last-of-type{ - margin-top: 1.5rem; +.pageSubtitle:last-of-type { + margin-top: 1.5rem; } .pageContent { - font-weight: 300; - margin-top: 0; - font-size:1rem; - margin-bottom: 0.5rem -} \ No newline at end of file + font-weight: 300; + margin-top: 0; + font-size: 1rem; + margin-bottom: 1rem; +} diff --git a/query-connector/src/app/page.tsx b/query-connector/src/app/page.tsx index 5eb6b1f35..79bdd7abe 100644 --- a/query-connector/src/app/page.tsx +++ b/query-connector/src/app/page.tsx @@ -30,6 +30,15 @@ export default function LandingPage() { network of healthcare providers through your existing data use agreements, giving you access to more complete and timely data + + Graphic illustrating what TEFCA is -
-
-
-

- Check out the Query Connector demo to try out features using - sample data. -

- -
-
-
); }