Skip to main content

Employer Settings - Frontend Manual Test Cases

Test Environment: http://localhost:4200 [or test server URL] Tester: _______________ Date: _______________

Prerequisites​

  • Backend server running on http://localhost:5000
  • Frontend running on http://localhost:4200
  • Logged in as Tenant Administrator (admin role required)
  • Test image files available (PNG, JPEG for upload tests)

Test Data​

ItemValue
Admin Emailtn@thaiscada.com [or your admin email]
Admin PasswordTest1234* [or your password]
Test Company Name (Thai)บริษัท ทดสอบ จำกัด [or your test name]
Test Company Name (English)Test Company Ltd. [or your test name]
Test Address123 ถนนทดสอบ กรุงเทพฯ 10110 [or your test address]
Test Phone02-123-4567 [or your test phone]
Test Emailcontact@test-company.com [or your test email]
Test Websitehttps://test-company.com [or your test website]
Test Logo FileAny PNG or JPEG image (recommended: 200x200px)
Test Seal FileAny PNG or JPEG image (recommended: 200x200px)
Invalid FileAny PDF or text file (for negative test)

Menu: ตั้งค่า (Settings) → ตั้งค่าธุรกิจ (Business Settings) URL: /tools/settings/employer

Test Summary​

CategoryTotalDevQA
1. Navigation & Access33
2. General Information Tab44
3. Document Numbering Tab33
4. Logo & Seal Tab66
5. Save & Refresh33
Total1919

1. Navigation & Access Tests​

TC-EMP-001: Admin can access employer settings​

Precondition: User is logged in as Tenant Administrator

StepActionExpected ResultDevQA
1Click "ตั้งค่า" (Settings) menu in sidebarSettings submenu expands✅[ ]
2Locate "ตั้งค่าธุรกิจ" (Business Settings) menu itemMenu item visible with info icon✅[ ]
3Click "ตั้งค่าธุรกิจ" (Business Settings)Page loads✅[ ]
4Verify URLURL is /tools/settings/employer✅[ ]
5Verify page contentEmployer settings form displayed with 3 tabs✅[ ]

[Screenshot: Settings menu with Business Settings option] [Screenshot: Employer Settings page loaded]

Notes: _______________

TC-EMP-002: Non-admin cannot see menu item​

Precondition: User is logged in as Contractor or other non-admin role

StepActionExpected ResultDevQA
1Login as contractor: safety-contractor1-0@outlook.comLogin successful✅[ ]
2Navigate to Settings menu areaView available menu items✅[ ]
3Look for "ตั้งค่าธุรกิจ" (Business Settings)Menu item should NOT be visible✅[ ]
4Try direct URL navigation to /tools/settings/employerAccess denied or redirected✅[ ]

[Screenshot: Menu without Business Settings for contractor]

Notes: _______________

TC-EMP-003: Page loads with existing data​

Precondition: Logged in as admin, employer data exists in database

StepActionExpected ResultDevQA
1Navigate to Employer Settings pagePage starts loading✅[ ]
2Observe loading indicatorProgress bar appears at top✅[ ]
3Wait for data to loadForm fields populated with existing data✅[ ]
4Verify company name fieldsThai and English names displayed✅[ ]
5Verify contact informationAddress, phone, email, website displayed✅[ ]

[Screenshot: Employer Settings with loaded data]

Notes: _______________

2. General Information Tab Tests (ข้อมูลทั่วไป)​

TC-EMP-004: View company info fields​

Precondition: On Employer Settings page, "ข้อมูลทั่วไป" tab active

StepActionExpected ResultDevQA
1Verify tab is active"ข้อมูลทั่วไป" (General Information) tab highlighted✅[ ]
2Locate company name (Thai) fieldField labeled "ชื่อบริษัท (ไทย)" or similar✅[ ]
3Locate company name (English) fieldField labeled "ชื่อบริษัท (อังกฤษ)" or similar✅[ ]
4Locate address fieldField labeled "ที่อยู่"✅[ ]
5Locate phone fieldField labeled "เบอร์โทรศัพท์"✅[ ]
6Locate email fieldField labeled "อีเมล"✅[ ]
7Locate website fieldField labeled "เว็บไซต์"✅[ ]
8Locate contact person fieldField labeled "ผู้ติดต่อ" or "หัวหน้างาน"✅[ ]

[Screenshot: General Information tab with all fields]

Notes: _______________

TC-EMP-005: Edit company name (Thai)​

Precondition: On General Information tab

StepActionExpected ResultDevQA
1Click on company name (Thai) fieldField becomes editable, cursor appears✅[ ]
2Clear existing textField is empty✅[ ]
3Enter new name: บริษัท ทดสอบการแก้ไข จำกัด [or your test name]Text appears in field✅[ ]
4Verify Thai characters display correctlyThai text renders properly✅[ ]
5Click outside the fieldField retains new value✅[ ]

[Screenshot: Edited Thai company name]

Notes: Do NOT save yet - will test save functionality separately

TC-EMP-006: Edit company name (English)​

Precondition: On General Information tab

StepActionExpected ResultDevQA
1Click on company name (English) fieldField becomes editable✅[ ]
2Clear existing textField is empty✅[ ]
3Enter new name: Test Edit Company Ltd. [or your test name]Text appears in field✅[ ]
4Click outside the fieldField retains new value✅[ ]

[Screenshot: Edited English company name]

Notes: _______________

TC-EMP-007: Edit contact information​

Precondition: On General Information tab

StepActionExpected ResultDevQA
1Edit address field: 456 ถนนใหม่ กรุงเทพฯ 10200 [or your test address]Address updated✅[ ]
2Edit phone field: 02-987-6543 [or your test phone]Phone updated✅[ ]
3Edit email field: new-email@test.com [or your test email]Email updated✅[ ]
4Edit website field: https://new-website.com [or your test URL]Website updated✅[ ]
5Edit contact person field: สมชาย ใจดี [or your test name]Contact person updated✅[ ]
6Verify all fields retain changesAll edited values remain✅[ ]

[Screenshot: All contact fields edited]

Notes: _______________

3. Document Numbering Tab Tests (เลขรันและหัวเอกสาร)​

TC-EMP-008: View document numbering options​

Precondition: On Employer Settings page

StepActionExpected ResultDevQA
1Click "เลขรันและหัวเอกสาร" (Document Numbering) tabTab becomes active✅[ ]
2Verify tab content loadsDocument numbering options displayed✅[ ]
3Identify available numbering formatsRadio button list of options visible✅[ ]
4Verify current selectionOne option has radio button selected✅[ ]
5Locate custom format fieldText field for custom format visible✅[ ]

[Screenshot: Document Numbering tab]

Notes: _______________

TC-EMP-009: Select different numbering format​

Precondition: On Document Numbering tab

StepActionExpected ResultDevQA
1Identify currently selected optionNote which radio button is selected✅[ ]
2Click on a different numbering optionRadio button changes to new selection✅[ ]
3Verify selection changedNew option shows as selected✅[ ]
4Verify description displayedOption description text visible✅[ ]

[Screenshot: Different numbering option selected]

Notes: _______________

TC-EMP-010: Enter custom format​

Precondition: On Document Numbering tab

StepActionExpected ResultDevQA
1Locate "รูปแบบกำหนดเอง" (Custom Format) fieldText input field visible✅[ ]
2Click on custom format fieldField becomes editable✅[ ]
3Enter custom format: {{yyyyMM######}} [or your format]Format text appears✅[ ]
4Click outside fieldValue retained✅[ ]

[Screenshot: Custom format entered]

Notes: _______________

4. Logo & Seal Tab Tests (โลโก้และตรายาง)​

Precondition: On Employer Settings page

StepActionExpected ResultDevQA
1Click "โลโก้และตรายาง" (Logo & Seal) tabTab becomes active✅[ ]
2Locate logo sectionSection labeled "โลโก้" (Logo) visible✅[ ]
3Verify logo previewImage preview displayed (200x200px area)✅[ ]
4If no logo uploadedDefault placeholder image shown✅[ ]
5Locate upload buttonButton labeled "เลือกรูปโลโก้สำหรับอัพโหลด" visible✅[ ]

[Screenshot: Logo section with preview]

Notes: _______________

TC-EMP-012: Upload new logo (PNG)​

Precondition: On Logo & Seal tab, have a PNG image file ready

StepActionExpected ResultDevQA
1Click "เลือกรูปโลโก้สำหรับอัพโหลด" (Select Logo for Upload)File picker dialog opens✅[ ]
2Select a PNG image fileFile selected✅[ ]
3Click Open/OK in file pickerFile picker closes✅[ ]
4Wait for uploadProgress indicator appears✅[ ]
5Verify upload successLogo preview updates with new image✅[ ]
6Verify success notificationSnackbar or message confirms upload✅[ ]

[Screenshot: File picker dialog] [Screenshot: New logo uploaded]

Notes: _______________

TC-EMP-013: Upload logo with invalid format (PDF)​

Precondition: On Logo & Seal tab, have a PDF file ready

StepActionExpected ResultDevQA
1Click logo upload buttonFile picker opens✅[ ]
2Select a PDF fileFile selected✅[ ]
3Click Open/OKUpload attempt triggered✅[ ]
4Verify error messageError indicates only image files allowed✅[ ]
5Verify logo unchangedOriginal logo still displayed✅[ ]

[Screenshot: Invalid file type error]

Notes: Error message should indicate: "Only image files (PNG, JPEG, GIF, WebP) are allowed"

TC-EMP-014: View current seal​

Precondition: On Logo & Seal tab

StepActionExpected ResultDevQA
1Locate seal sectionSection labeled "ตรายาง" (Seal) visible✅[ ]
2Verify seal previewImage preview displayed (200x200px area)✅[ ]
3If no seal uploadedDefault placeholder image shown✅[ ]
4Locate upload buttonButton labeled "เลือกรูปตรายางสำหรับอัพโหลด" visible✅[ ]

[Screenshot: Seal section with preview]

Notes: _______________

TC-EMP-015: Upload new seal (JPEG)​

Precondition: On Logo & Seal tab, have a JPEG image file ready

StepActionExpected ResultDevQA
1Click "เลือกรูปตรายางสำหรับอัพโหลด" (Select Seal for Upload)File picker opens✅[ ]
2Select a JPEG/JPG image fileFile selected✅[ ]
3Click Open/OKUpload triggered✅[ ]
4Wait for uploadProgress indicator appears✅[ ]
5Verify upload successSeal preview updates with new image✅[ ]

[Screenshot: New seal uploaded]

Notes: _______________

TC-EMP-016: Click logo/seal to preview​

Precondition: Logo and/or seal has been uploaded

StepActionExpected ResultDevQA
1Click on logo preview imageAsset viewer dialog opens✅[ ]
2Verify dialog contentShows full-size image, title, file info✅[ ]
3Close dialogDialog closes✅[ ]
4Click on seal preview imageAsset viewer dialog opens✅[ ]
5Verify dialog contentShows full-size image, title, file info✅[ ]
6Close dialogReturns to form✅[ ]

[Screenshot: Asset viewer dialog with logo] [Screenshot: Asset viewer dialog with seal]

Notes: _______________

5. Save & Refresh Tests​

TC-EMP-017: Save changes successfully​

Precondition: Made changes to employer settings (any tab)

StepActionExpected ResultDevQA
1Make a change to any field (e.g., company name)Field value changed✅[ ]
2Locate toolbar at top of formToolbar with buttons visible✅[ ]
3Click "บันทึก" (Save) buttonSave action triggered✅[ ]
4Observe progress indicatorLoading bar appears at top✅[ ]
5Wait for save to completeProgress bar disappears✅[ ]
6Verify success notificationSnackbar shows "บันทึกสำเร็จ" or similar✅[ ]
7Refresh page (F5)Page reloads✅[ ]
8Verify changes persistedChanged values still displayed✅[ ]

[Screenshot: Save button in toolbar] [Screenshot: Success notification]

Notes: _______________

TC-EMP-018: Refresh reloads data​

Precondition: On Employer Settings page

StepActionExpected ResultDevQA
1Note current field valuesRecord a few values✅[ ]
2Click "รีเฟรช" (Refresh) button in toolbarRefresh triggered✅[ ]
3Observe progress indicatorLoading bar appears✅[ ]
4Wait for refresh completeData reloaded✅[ ]
5Verify data displayedSame values as before (from database)✅[ ]

[Screenshot: Refresh button in toolbar]

Notes: _______________

TC-EMP-019: Unsaved changes handling​

Precondition: On Employer Settings page, no pending changes

StepActionExpected ResultDevQA
1Make a change to a fieldField value changed✅[ ]
2WITHOUT saving, click Refresh buttonRefresh triggered✅[ ]
3Observe behaviorCheck if warning appears or data reloads✅[ ]
4If warning appears, verify messageShould warn about unsaved changes✅[ ]
5If no warning, verify field resetChanged value replaced with database value✅[ ]

[Screenshot: Unsaved changes warning (if exists)]

Notes: Behavior depends on implementation - may or may not have unsaved changes warning

Test Execution Notes​

Tester Comments:

Issues Found:

Issue IDTest CaseDescriptionSeverity

Environment Details:

ItemValue
Browser
Browser Version
OS
Screen Resolution
Backend URL
Frontend URL

Sign-off:

RoleNameDateSignature
Tester
Reviewer