geocrop-platform./apps/nextgen/tests/dynamic_font_sizing_test.md

Dynamic Font Sizing Verification & Execution Test Plan

1. Test Case Specification

Field	Details
Test Case ID	TC-LMS-ACC-001
Title	Dynamic Font Sizing & Responsive Layout Adaptation
Category	Accessibility (a11y) / UX Responsiveness
Severity / Priority	High
Target System	NextGen School LMS Platform
Objective	Verify that users can increase or decrease font size (up to 200%) and that the LMS layout dynamically adapts without text clipping, overlap, or loss of functionality.

---

2. Prerequisites & Test Environment

• LMS Accessibility: NextGen LMS frontend application accessible at target URL (http://localhost:3000 or production domain).
• Browser Requirement: Modern browser with native font zoom / page zoom controls (Google Chrome, Mozilla Firefox, Microsoft Edge, or Safari).
• User Account: Active user account created (student, teacher, or admin).
• Display Settings: Standard screen resolution (1920x1080 or 1366x768).

---

3. Test Execution Steps

flowchart TD
    A[Step 1: Log in to LMS] --> B[Step 2: Access Font Size / Zoom Settings]
    B --> C[Step 3: Increase Font Size to 200%]
    C --> D[Step 4: Navigate LMS Pages]
    D --> E[Step 5: Verify Readability & Layout Adaptation]

Execution Procedure

1. Log in to LMS

   • Navigate to the login portal.
   • Enter valid user credentials and log into the LMS dashboard.

2. Access Font Size Settings

   • Open the browser view controls or access the profile/accessibility settings within the LMS interface.

3. Increase Font Size to 200%

   • Use browser font scaling / page zoom (Ctrl + '+' or browser settings) to set text scale / zoom level to 200%.

4. Navigate Pages

   • Navigate through primary LMS modules:
     • Dashboard & Cards
     • Course & Syllabus View
     • Assignments & Submissions
     • Offboarding & Clearance Modals
     • Grades & Report Cards

5. Verify Readability & Layout Adaptation

   • Inspect text containers, buttons, flex/grid layouts, tables, and modal dialogs to confirm dynamic reflow and zero clipping.

---

4. Expected Results vs. Actual Results

Step	Action	Expected Result	Pass / Fail	Notes / Observations
1	Log into LMS portal	User lands on dashboard cleanly without layout shifts.	PASS	Authenticated successfully.
2	Open font size / zoom controls	Font adjustment controls are accessible and responsive.	PASS	Native and UI zoom options accessible.
3	Scale font size to 200%	Text elements grow proportionally across headings, body text, badges, and controls.	PASS	Dynamic rem/em units scale linearly.
4	Navigate across LMS routes	Page layouts adapt dynamically; flex/grid columns wrap vertically as needed.	PASS	Navigation sidebar and headers adapt.
5	Verify readability & overflow	Text remains 100% readable. Zero text clipping, no horizontal scrollbars on body text, zero overlapping text nodes. All action buttons remain accessible.	PASS	Complies with WCAG 2.1 Reflow standards.

---

5. Accessibility & Compliance Standards

• WCAG 2.1 Success Criterion 1.4.4 (Resize Text - Level AA):
  • Text can be resized without assistive technology up to 200 percent without loss of content or functionality.
• WCAG 2.1 Success Criterion 1.4.10 (Reflow - Level AA):
  • Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions.

---

6. Execution Sign-off

• Test Status: PASSED
• Executed By: QA Automation & Accessibility Inspector
• Date: July 29, 2026