Merge pull request #580 from OpenPecha/update-deeplink

Enhance About page content and structure

Author: tenkus47

nginx/pecha.conf.template

@@ -3,9 +3,19 @@ server {
   server_name localhost;
   proxy_http_version 1.1;
 
+  # Avoid leaking internal port 4173 in redirects when behind a reverse proxy
+  absolute_redirect off;
+  port_in_redirect off;
+
   root /usr/share/nginx/html;
   index index.html;
 
+  # App deep link landing page — serve without trailing-slash redirect
+  location = /open {
+    try_files /open/index.html =404;
+    include /etc/nginx/security-headers.conf;
+  }
+
   location / {
     try_files $uri $uri/ /index.html;
     include /etc/nginx/security-headers.conf;

public/img/sponsors/dharmaduta.svg

@@ -0,0 +1,162 @@
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+import { describe, expect, test } from "vitest";
+import "../../test-utils/CommonMocks.ts";
+
+import About from "./About";
+
+const setup = () => render(<About />);
+
+describe("About", () => {
+  test("renders the page title and front-matter tagline", () => {
+    setup();
+
+    expect(
+      screen.getByRole("heading", { level: 1, name: "Welcome to WeBuddhist!" }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "We are Buddhist. We learn, practice and connect. Daily.",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  test("renders mission and vision cards", () => {
+    setup();
+
+    expect(screen.getByText("Mission")).toBeInTheDocument();
+    expect(screen.getByText("Vision")).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "We help Buddhists do less harm, more good, and know their own mind better by learning, practicing and connecting, daily.",
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "A world where all beings are free from suffering and find lasting happiness.",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  test("renders all content section headings", () => {
+    setup();
+
+    expect(
+      screen.getByRole("heading", {
+        level: 2,
+        name: "Why — Our Purpose",
+      }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", {
+        level: 2,
+        name: "How — The Buddha's Method",
+      }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", {
+        level: 2,
+        name: "What — Content and Technology",
+      }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole("heading", { level: 2, name: "The Team" }),
+    ).toBeInTheDocument();
+  });
+
+  test("renders the three truths as numbered cards", () => {
+    setup();
+
+    expect(
+      screen.getByText(
+        "As Buddhists, we accept that everything is impermanent.",
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "As Buddhists, we accept that nothing will ever fully satisfy us.",
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "As Buddhists, we accept that nothing — not even ourselves — exists as it appears to us.",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  test("renders the four pillars", () => {
+    setup();
+
+    expect(screen.getByText("Learn")).toBeInTheDocument();
+    expect(screen.getByText("Practice")).toBeInTheDocument();
+    expect(screen.getByText("Connect")).toBeInTheDocument();
+    expect(screen.getByText("Sustain")).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        "we help Buddhists access the Dhamma in their own words;",
+      ),
+    ).toBeInTheDocument();
+  });
+
+  test("renders team roles with emphasized labels", () => {
+    setup();
+
+    expect(screen.getByText("Product Engineering")).toHaveClass("font-medium");
+    expect(
+      screen.getByText("Content Engineering and Data Services"),
+    ).toHaveClass("font-medium");
+    expect(screen.getByText("Community & Campaigns")).toHaveClass(
+      "font-medium",
+    );
+    expect(screen.getByText("Partnerships & Funding")).toHaveClass(
+      "font-medium",
+    );
+  });
+
+  test("links sections to their headings for accessibility", () => {
+    setup();
+
+    const purposeSection = screen
+      .getByRole("heading", { name: "Why — Our Purpose" })
+      .closest("section");
+    expect(purposeSection).toHaveAttribute(
+      "aria-labelledby",
+      "why-our-purpose",
+    );
+
+    const teamSection = screen
+      .getByRole("heading", { name: "The Team" })
+      .closest("section");
+    expect(teamSection).toHaveAttribute("aria-labelledby", "the-team");
+  });
+
+  test("renders merged paragraph content from the markdown source", () => {
+    setup();
+
+    expect(
+      screen.getByText(/WeBuddhist exists so that we — and anyone who wishes/),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(/five-minute daily dharma routine/),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(/Six teams carry on our mission/),
+    ).toBeInTheDocument();
+  });
+
+  test("renders the sponsors section with logos", () => {
+    setup();
+
+    expect(
+      screen.getByRole("heading", { level: 2, name: "Sponsors" }),
+    ).toBeInTheDocument();
+
+    expect(screen.getByAltText("OpenPecha Trust")).toBeInTheDocument();
+    expect(screen.getByAltText("Dharmaduta")).toBeInTheDocument();
+
+    const sponsorsSection = screen
+      .getByRole("heading", { name: "Sponsors" })
+      .closest("section");
+    expect(sponsorsSection).toHaveAttribute("aria-labelledby", "sponsors");
+  });
+});