🎓 Capstone Project – Figma Feature Testing

📌 Project Duration

7 Days

🎯 Objective

This capstone project focuses on:

• Writing high-quality test cases
• Executing tests in TestRail
• Documenting results properly
• Logging bugs (if found)

⚠️ Note: Marks are not based on finding bugs. Focus is on testing quality and documentation.

---

🧠 Part 1: Mind Map of Figma Features

🔍 Identified Figma Main Features

• Frames & Layouts
• Components & Variants
• Prototyping
• Collaboration (Commenting & Sharing)
• Plugins & Widgets
• Version History
• Auto Layout
• Export Options
• Zoom & Visual Tools

A complete mind map was created including all features and sub-features.

📎 Submitted as: Image / PDF

---

⭐ Part 2: Selected Feature

✅ Selected Feature: Zoom

Why Zoom is the Best Feature

The Zoom feature allows detailed visual inspection of UI elements at different levels (50%, 100%, 200%).
It helps in:

• Checking pixel-perfect alignment
• Verifying spacing and layout consistency
• Inspecting UI clarity
• Reviewing large designs efficiently

Zoom plays an important role in visual quality assurance and design validation.

---

🧪 Part 3: Test Case Creation

Test cases were written in TestRail for the Zoom feature.

✔ Included:

• Clear test steps
• Expected results
• Actual results (recorded during execution)
• Edge cases

🔎 Edge Cases Covered:

• Very large file
• Multiple users editing simultaneously
• Slow network
• No network

Total Test Cases: 10+

---

🖥 Part 4: Test Execution (TestRail)

Steps Performed:

1. Created a Test Run in TestRail
2. Executed each test case
3. Marked result (Passed / Failed / Blocked)
4. Attached screenshots as evidence
5. Recorded actual results

All executions were properly documented.

---

🐞 Part 5: Bug Reporting

If any issues were found:

• Bugs were logged in ClickUp
• Included:
  • Title
  • Description
  • Steps to Reproduce
  • Expected vs Actual Result
  • Attachments
  • Linked Test Case ID

If no bugs were found: A statement confirming successful execution was included.

---

📄 Part 6: Documentation

Final report includes:

• Mind Map
• Selected Feature Explanation
• Test Cases
• Execution Results
• Bug Reports (if any)
• TestRail screenshots/export (optional)

---

📅 Timeline

Day	Task
1–2	Create Mind Map
3–4	Select feature & write test cases
5–6	Execute tests in TestRail
7	Final documentation & bug logging

---

🏁 Conclusion

This project demonstrates structured test case design, proper test execution, and professional documentation practices using Figma and TestRail.

The focus was on quality testing methodology rather than defect quantity.