Testing Singpass MyInfo Integration for Singapore Government Apps

Region Focus: This guide includes examples and patterns specifically relevant to Singapore-based development teams and applications.

Modern web applications require thorough testing strategies that account for regional requirements, diverse user bases, and complex technical architectures. This guide provides actionable Playwright patterns for your specific context.

Introduction

Automate Singpass MyInfo data pre-fill, consent authorization, and NRIC verification in Singapore government digital services. This guide covers the essential patterns, configurations, and strategies to handle this scenario reliably in your Playwright test suite.

Understanding the nuances of this topic allows your team to ship with confidence, reduce flakiness, and maintain high-quality automation across different environments.

Architecture Overview

graph TD
    Form["Application Form"] --> Singpass["Singpass Login"]
    Singpass --> Consent["MyInfo Consent"]
    Consent --> Data["Pre-fill Fields"]
    Data --> Submit["Submit Application"]

This structure ensures clean separation of concerns and maintainable test code.

Implementation Flow

sequenceDiagram
    participant Test as Playwright Test
    participant App as Application
    participant API as Backend / Mock API

    Test->>App: Navigate and interact
    App->>API: Trigger API call
    API-->>App: Return response
    App-->>Test: UI state updated
    Test->>Test: Assert outcome

Step-by-Step Guide

Follow this implementation to set up the pattern in your test suite.

1. Core Implementation

test('Singpass MyInfo pre-fills application form', async ({ page }) => {
  await page.goto('/apply');
  await page.getByRole('button', { name: 'Retrieve Myinfo with Singpass' }).click();
  // Mock Singpass OAuth redirect
  await page.route('/api.myinfo.gov.sg/', route =>
    route.fulfill({ json: { name: { value: 'TAN AH KOW' }, nric: { value: 'S1234567D' } } })
  );
  await expect(page.getByLabel('Full Name').inputValue()).resolves.toBe('TAN AH KOW');
});

2. Run and Verify

# Run this specific test file
npx playwright test --grep "Testing Singpass MyInfo"

Run with UI mode for debugging
npx playwright test --ui

Run across all browsers
npx playwright test --project=chromium --project=firefox --project=webkit

3. View Test Report

npx playwright show-report

Reference Table

Best Practices

Common Pitfalls

Frequently Asked Questions

How to test Singpass QR login in Playwright?

Mock the Singpass OAuth flow using the NDI Sandbox and return test user credentials.

Can Playwright test MyInfo data consent screens?

Yes, navigate the consent screen, select data to share, and verify pre-fill occurs correctly.

How to test with NDI Sandbox for MyInfo?

Register as a test developer on NDI Sandbox and use the provided test NRIC and credentials.

How to test Corppass for Singapore business apps?

Mock the Corppass OAuth flow and verify that business entity data pre-fills your application forms.

How to test Singapore NRIC checksum validation?

Use known valid NRICs like S1234567D and invalid ones to verify your checksum algorithm.

Summary

Automate Singpass MyInfo data pre-fill, consent authorization, and NRIC verification in Singapore government digital services. By following these patterns, your team can build a reliable, maintainable automation suite that works across environments and handles edge cases gracefully.

Related Articles