Cross-Domain Tracking Test Suite

Test link decoration across different root domains (screen1.io)

Current Domain:
Device ID (ll_did): Loading...
URL Params: None
← Back to Home Landing Page (receives links)

Same Site, Different Domain Static → Static (screen1.io)

Navigate to the same static-html site but on the screen1.io domain

HTML Home Page
Simple link to same site on different root domain
https://static.dev.simulation.screen1.io/
HTML Cross-Domain Page
Link to this same page on screen1.io
https://static.dev.simulation.screen1.io/cross-domain/
HTML Landing Page
Link to dedicated landing page that displays received params
https://static.dev.simulation.screen1.io/cross-domain/landing.html
HTML Form Page
Deep link to a form page
https://static.dev.simulation.screen1.io/forms/custom-form.html

Other Sites on screen1.io Cross-Site Links

Navigate to other simulation sites (React, Angular, Next.js) on screen1.io

React SPA (screen1.io)

HTML React Home
Link to React SPA home page
https://react.dev.simulation.screen1.io/
HTML React Products
Deep link to React Router route
https://react.dev.simulation.screen1.io/products
HTML React Cross-Domain
Link to React cross-domain test page
https://react.dev.simulation.screen1.io/cross-domain

Angular SPA (screen1.io)

HTML Angular Home
Link to Angular SPA home page
https://angular.dev.simulation.screen1.io/
HTML Angular Products
Deep link to Angular Router route
https://angular.dev.simulation.screen1.io/products
HTML Angular Cross-Domain
Link to Angular cross-domain test page
https://angular.dev.simulation.screen1.io/cross-domain

Next.js SSR (screen1.io)

HTML Next.js Home
Link to Next.js SSR home page
https://nextjs.dev.simulation.screen1.io/
HTML Next.js Products
Deep link to Next.js page
https://nextjs.dev.simulation.screen1.io/products
HTML Next.js Cross-Domain
Link to Next.js cross-domain test page
https://nextjs.dev.simulation.screen1.io/cross-domain

Links with Existing Query Parameters URL Handling

Test that cross-domain parameters are appended correctly without breaking existing params

HTML With UTM Params
Link already has UTM parameters - must append, not replace
...?utm_source=test&utm_medium=link
HTML With App Params
Link has application query parameters
...?category=widgets&sort=price
HTML With Referral Param
Simple referral parameter
...?ref=static-site
HTML Many Params
Multiple existing query parameters
...?id=123&variant=blue&size=large

Links with Hash Fragments Fragment Handling

Test handling of hash fragments (should preserve fragment, add params before hash)

HTML With Hash Only
Link with hash fragment only
...#section-results
HTML Hash to Anchor
Link to specific section via hash
...#team
HTML Params + Hash
Both query params and hash fragment
...?category=all#featured
HTML UTM + Hash
UTM parameters plus hash
...?utm_source=test#pricing

Complex URL Edge Cases Special Characters

Test URLs with special characters, encoding, and unusual patterns

Query Strings with Special Characters

Edge Encoded Spaces & @
URL-encoded space and @ symbol
?name=John%20Doe&email=test%40example.com
Edge Plus Sign & Encoded &
Plus for space, encoded ampersand in value
?q=hello+world&filter=a%26b
Edge Encoded URL as Value
Full URL encoded as parameter value
?redirect=https%3A%2F%2Fexample.com%2Fpath
Edge Empty & Valueless Params
Parameters with empty or missing values
?empty=&blank&valid=yes

Hash Fragments with Special Characters

Edge Dashes in Hash
Hash with dashes (common pattern)
#section-with-dashes
Edge Underscores in Hash
Hash with underscores
#section_with_underscores
Edge SPA Router Hash
Hash-based SPA routing pattern
#/spa/route
Edge Hash with Query-like Format
Hash containing key=value pairs (OAuth pattern)
#state=abc123&token=xyz

Complex Combinations

Edge UTM + Encoded Space + Hash
Multiple UTMs with encoded value + hash
?utm_source=test&utm_campaign=spring%202024#results
Edge Encoded Slash in Value + Hash
Encoded forward slash in param + hash
?id=123&color=red%2Fblue#reviews
Edge Nested Encoded URL + Hash
Deeply encoded return URL with hash
?return_url=https%3A%2F%2F...%3Ffoo%3Dbar#login
Edge Hash After Query + Fake Query in Hash
Real query params + hash containing ? (browsers treat as hash)
?a=1&b=2&c=3#section?d=4

Link Attributes & Targets Attribute Handling

Test various link attributes (target, rel, download)

HTML target="_blank"
Opens in new tab - decoration must happen on click
target="_blank"
HTML noopener noreferrer
New tab with security attributes
target="_blank" rel="noopener noreferrer"
HTML target="_self"
Explicitly same tab
target="_self"
HTML Named Window
Opens in named window (reuses if exists)
target="cross-domain-window"

JavaScript Navigation Programmatic

Test programmatic navigation that doesn't use anchor elements

JS
Direct assignment to location.href
window.location.href = '...'
JS
Using location.assign() method
window.location.assign('...')
JS
Using location.replace() (no history entry)
window.location.replace('...')
JS
Using window.open() for new window/tab
window.open('...', '_blank')
JS
setTimeout + location change
setTimeout(() => location.href = '...', 2000)
JS
Programmatically creates anchor, then clicks it
createElement('a') → click()

Form Submissions Cross-Domain Forms

Test form actions to cross-domain URLs

Form
Standard GET form to cross-domain
action="..." method="GET"
Form
GET form opening in new tab
target="_blank" method="GET"
Form
POST form (params should go in URL for cross-domain)
method="POST"
JS
Programmatic form submission via JavaScript
form.submit()

Edge Cases Challenging Scenarios

Test scenarios that are difficult for link decoration

Dynamically Created Links

Edge
Creates link via innerHTML after page load
container.innerHTML = '<a href="...">'
Edge
Creates link using template literals
`<a href="${url}">`

Click Handler Variations

Edge onclick (allows default)
Link with onclick that returns true
onclick="...; return true"
Edge preventDefault + navigate
Prevents default, then navigates manually
event.preventDefault() → setTimeout → navigate
Edge
Non-anchor Clickable
Div with onclick instead of anchor element
<div onclick="...">
Edge data-href Link
URL in data attribute, not href
data-href="..." onclick="... this.dataset.href"

Shadow DOM

Edge

Shadow DOM links will be rendered here

Nested Click Handlers

Edge Nested with stopPropagation
Link inside clickable container, with stopPropagation
Parent onclick + child event.stopPropagation()
Edge Nested (bubble through)
Link inside clickable container, event bubbles
Parent onclick (but link still works)

Mouse Event Variations Event Types

Test different mouse interactions (click vs mousedown vs mouseup)

Edge Standard Click Link
Normal link - test mousedown vs click timing
mousedown fires before click
Edge Middle Click Test
Middle-click opens in new tab (browser behavior)
Try middle-clicking this link
Edge Right Click Test
Right-click context menu (copy link, open in new tab)
Try right-clicking → Open in New Tab
Edge Ctrl/Cmd + Click Test
Ctrl+click (Windows) or Cmd+click (Mac) for new tab
Try Ctrl/Cmd + Click