Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Surrogates test #32

Merged
merged 7 commits into from
Mar 11, 2021
Merged

Surrogates test #32

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
c132e31
add surrogate tests
Mar 3, 2021
0d325fe
update test
jdorweiler Mar 4, 2021
ccade59
remove temp file
jdorweiler Mar 4, 2021
f6ba5fb
lint, global results
jdorweiler Mar 10, 2021
a37a71e
make linter happy 🙄
jdorweiler Mar 10, 2021
6e026ce
update surrogate test
jdorweiler Mar 10, 2021
02c5c15
update failing test logic
jdorweiler Mar 10, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ <h2>Privacy Protections Tests</h2>
<li><a href='https://privacy-test-pages.glitch.me/privacy-protections/referrer-trimming/'>Referrer trimming</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/https-upgrades/'>HTTPS upgrades</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/click-to-load/'>Facebook click to load</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/surrogates/'>Surrogates</a></li>
</ul>

<h2>Other</h2>
Expand Down
3 changes: 2 additions & 1 deletion privacy-protections/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@ <h1>Privacy Protections Tests</h1>
<li><a href='https://privacy-test-pages.glitch.me/privacy-protections/referrer-trimming/'>Referrer trimming</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/https-upgrades/'>HTTPS upgrades</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/click-to-load/'>Facebook click to load</a></li>
<li><a href='http://privacy-test-pages.glitch.me/privacy-protections/surrogates/'>Surrogates</a></li>
</ul>

</body>
</html>
</html>
37 changes: 37 additions & 0 deletions privacy-protections/surrogates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tracker surrogates</title>
<script src='./main.js'></script>
<style>
#results-table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 70%;
}

#results-table td, #results-table th {
border: 1px solid #ddd;
padding: 8px;
}

#results-table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #f2f2f2;
color: black;
}
</style>
</head>
<body onload="loadSurrogates()">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we move this to script to make the linter happy?

<p><a href="../index.html">[Home]</a></p>

<p><b>Test blocking and redirecting to a surrogate</b></p>
<table id='results-table'>
<tr><th>Surrogate</th><th>Loaded</th><th>Passed Test</th><th>Notes</th></tr>
</table>
</body>
</html>
77 changes: 77 additions & 0 deletions privacy-protections/surrogates/main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
function loadSurrogates () {

for (const [name, testData] of Object.entries(surrogates)) {
const s = document.createElement('script')
testData.crossOrigin ? s.crossOrigin = testData.crossOrigin : ''
s.src = testData.url

s.onload = () => updateTable({name, testData})
s.onerror = (error) => updateTable({name, testData, error})

document.body.appendChild(s)
}
}

function updateTable ({name, testData, error}) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we also have a global object with test results like in other tests? This way, when testing this page automatically, you will not need to scrape HTML, you'll just pull info from window.results.


const table = document.getElementById('results-table')
const row = table.insertRow(-1)
const testName = row.insertCell(0)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TIL about .insertRow and .insertCell. I'm learning!

const loaded = row.insertCell(1)
const passed = row.insertCell(2)
const note = row.insertCell(3)

// set default values and colors
testName.innerText = name
loaded.innerText = 'failed'
passed.innerText = 'failed'
row.style.backgroundColor = '#f97268'
note.style.backgroundColor = "#ffff"

if (!error || testData.shouldFail) {
loaded.innerText = "pass"

const result = testData.test()
if (result) {
passed.innerText = "pass"
row.style.backgroundColor = '#71bf69'
} else {
loaded.innerText = "failed"
}
}

if (testData.notes) {
note.innerText = testData.notes
}

if (testData.cleanup) {
testData.cleanup()
}
}

const surrogates = {
"google-analytics.com/analytics.js, crossOrigin" : {
url: "https://google-analytics.com/analytics.js",
crossOrigin: "anonymous",
notes: "Test loading with crossOrigin set on element (should fail on Firefox) https://bugzilla.mozilla.org/show_bug.cgi?id=1694679",
test: () => { return window.ga.answer === 42 },
cleanUp: () => { delete window.ga }
},
"google-analytics.com/analytics.js": {
url: "https://google-analytics.com/analytics.js",
test: () => { return window.ga.answer === 42 },
cleanUp: () => { delete window.ga }
},
'google-analytics, ga.js': {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

all other tests involve testing different configurations of analytics.js surrogate why are we also testing ga.js surrogate? Is this some kind of a special case?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, not special, basically the same as analytics. I got rid of it.

url: "https://google-analytics.com/ga.js",
test: () => { return !!window._gaq },
cleanUp: () => { delete window._gaq }
},
'Directly accessing a web resouce' : {
url: "chrome-extension://lfpgfgegioonagopmelghcelfgffmjnh/web_accessible_resources/analytics.js",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wait, what extension ID is this? Doesn't look like ours: https://chrome.google.com/webstore/detail/duckduckgo-privacy-essent/bkdgflcldnnnapblkhphbgpggdiikppg ?

notes: "Chromium browsers Only: need access key for web resources",
shouldFail: true,
test: () => { return true }
}
}