86 lines
3.7 KiB
Markdown
86 lines
3.7 KiB
Markdown
# 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
|
|
|
|
```mermaid
|
|
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
|