BrowserStack Testing
Cross-browser testing configuration
Access & Authentication
Access Control
Group: ACL-SAAS-browserstack
SCIM provisioning enabled Session Duration
18 hour sessions with auto-redirect
WARP enforcement required BrowserStack Configuration
Authentication
Provider: Cloudflare SAML
Name ID Format:
email SP Entity ID:
login.browserstack.com/auth/realms/... SCIM Provisioning
Endpoint:
www.browserstack.com/scim/v2 Schema:
urn:ietf:params:scim:schemas:core:2.0:User Operations: Create, Update (Delete disabled)
Browser Matrix
Recommended browsers and devices for testing www.cloudflare.com
Desktop Browsers
| Browser | OS | Versions |
|---|---|---|
| Chrome | Windows 10/11, macOS | Latest, Latest-1 |
| Firefox | Windows 10/11, macOS | Latest, Latest-1 |
| Safari | macOS 13, macOS 14 | 16, 17 |
| Edge | Windows 10/11 | Latest, Latest-1 |
Mobile Devices
| Device | OS | Browser |
|---|---|---|
| iPhone 14 Pro | iOS 16, iOS 17 | Safari, Chrome |
| iPhone 13 | iOS 15, iOS 16 | Safari, Chrome |
| Samsung Galaxy S23 | Android 13 | Chrome, Samsung Internet |
| Google Pixel 7 | Android 13, Android 14 | Chrome |
Testing Capabilities
Live Testing
Interactive testing on real devices and browsers
- Manual exploratory testing
- DevTools and debugging
- Network throttling
- Geolocation testing
Automated Testing
Run Cypress, Selenium, or Playwright tests
- CI/CD integration
- Parallel test execution
- Video recordings
- Test result analytics
Screenshots & Responsive
Visual testing across devices
- Automated screenshots
- Responsive design testing
- Visual regression detection
- Comparison tools
Accessibility Testing
WCAG compliance verification
- Screen reader testing
- Keyboard navigation
- Color contrast checking
- Accessibility reports
CI/CD Integration
GitLab CI/CD
Run BrowserStack tests in GitLab pipelines
browserstack:
stage: test
script:
- npm install -g browserstack-cypress-cli
- browserstack-cypress run --sync
only:
- merge_requests
- mainEnvironment Variables
Configure credentials securely
BROWSERSTACK_USERNAME BROWSERSTACK_ACCESS_KEY BROWSERSTACK_BUILD_NAME Quick Start
1
Request Access
Ask your manager to add you to the ACL-SAAS-browserstack group in Cloudflare Identity
3
Select Device
Choose a browser/device combination from the test matrix or use Live Testing
4
Run Tests
Navigate to www.cloudflare.com and test functionality, responsive design, and performance
Best Practices
✅ Test Critical Paths
- Homepage and product pages
- Sign-up and login flows
- Forms and CTAs
- Navigation and footer links
✅ Verify Cross-Browser
- CSS rendering consistency
- JavaScript functionality
- Font loading and display
- Image optimization (WebP fallbacks)
✅ Check Mobile Experience
- Touch targets (min 44x44px)
- Responsive breakpoints
- Mobile navigation
- Performance on 3G
✅ Test Analytics Tags
- Adobe Launch loads correctly
- GTM events fire properly
- OneTrust consent banner
- Zaraz integration works