How to Test Login-Protected Pages with Sitepager

Sitepager lets you test pages that require a login—like dashboards, member-only content, and other gated pages.

When enabled, Sitepager logs in using the given credentials before crawling and taking screenshots. This ensures accurate testing of content available only to logged-in users.

Steps to Configure Login Settings

To enable login for a Check Config, follow these steps:

1. Log in to your Sitepager account.

2. Navigate to Checks and click Create New Check.

3. Scroll to Enable Login (Beta) and toggle it on.

Configure your login details:

• Login URL: Enter the URL of your login page (e.g., https://example.com/login).

• Click to show login form: Enable if your login form requires clicking an element to appear.

• Username: Provide the username or email for login.

• Password: Provide the corresponding password.

• Username Field Selector: Enter the CSS selector or text for your username/email field.

• Password Field Selector: Enter the CSS selector or text for your password field.

• Submit Button Selector: Provide the CSS selector or text for your login form's submit button.

• Login Success Selector: Enter the selector or text Sitepager can use to confirm login was successful.

• Login Wait Time (seconds): Set how long Sitepager should wait for the login to complete (0-30 seconds).

Sitepager uses these credentials to log in before taking screenshots, so make sure they’re working and stable.

Safeguarding Confidential Information

• Ensure that the credentials you use are not associated with an actual individual and do not have access to any of your confidential data.

• It is highly advisable to create a test account solely for testing purposes.

Practical Use Cases

• Member-Only Content: Regularly check pages accessible exclusively to logged-in members or specific membership tiers, ensuring they are visible and visually consistent.

• Authenticated User Dashboards: Confirm logged-in users have correct access to all dashboard pages and ensure each page loads correctly.

• Personalized Account Areas: Verify individual user profile sections or customized pages maintain correct layouts, user-specific information, and visual integrity.

Best Practices

• Always use a dedicated test account instead of personal credentials.

• Ensure selectors accurately reflect your login form elements to avoid login failures.

• Update your login details if your website’s authentication structure changes.

• Use the Login Wait Time to allow sufficient loading time, especially for slower websites or complex authentication flows.

Next Steps

Once you’ve successfully configured login settings, you can further enhance your checks by:

• Learn More About Including and Excluding Pages:
  Control which pages are tested in the How to Include and Exclude Pages guide.

• Run Checks in Bulk:
  Use your login-enabled configs in batch runs with the How to Run Multiple Checks in Bulk guide.