Improve popup on special pages

[ghostwords]

Fixes #1625.

Fixes #1311, fixes #1492 by virtue of reloading the popup after clicking the undo arrow (as well as the enable/disable Badger buttons). This doesn't need to be in this PR; if it causes trouble, let's break it out.

Related to #1627.

Does not fix:

• Poor button placement on whitelisted sites
• Unneeded scrollbars in Firefox (Unwanted popup scrollbars in Firefox #1610)
• Not recognizing chrome://extensions (or Chrome Web Store, or about:debugging in Firefox, ...) as a special browser page
• Popup showing the tutorial message when opened on the tutorial page following a new install (Don't show tutorial message in the popup if already on the tutorial screen #1743)
• Browser button not getting updated to reflect site whitelist updates in tabs outside of the active tab when enabling/disabling Badger on a site open in multiple tabs

Before:

After:

[ghostwords]

@lemnis @andresbase I have not tested on Android, I hope this doesn't break anything.

[ghostwords]

Need to fix (or disable, maybe until #1634) popup tests. The problem is that the popup is opened in a situation that looks like a special browser page, so that site whitelisting and error reporting buttons as well as the trackers link are now missing. They should be, but the tests still look for them.

[ghostwords]

Tests were also failing since the enable/disable buttons test is no longer applicable as we close the popup instead. I removed it for now (b6b1912).

Pulled in 232c3c0 from #1430 to assist with getting the remaining popup tests passing again.

[ghostwords]

@andresbase Sorry, I added a few potentially breaking changes while fixing tests; we should retest.

[andresbase]

Tests in macOS, Windows 10, Linux with Chrome and FF Latest versions:

• Don't show tracker in options

• Sliders when reloading to correct position

• Undo arrow reloads page and closes popup

• Android

• Linux FF 56.0 (Some weirdness, need to investigate if it's my install or something else)

[andresbase]

I was also thinking that the text "There are no third party resources on this site." could be larger or bold so it stands out from all the other text above it that says the usual "Privacy Badger detected 0..."

For the largo logo after inquiring with other people it seems it looks ok while we redesign the UI.

[andresbase]

The tooltip is empty for firefox

Tooltipster: one or more tooltips are already attached to the element below. Ignoring.  tooltipster.bundle.min.js:1:28554
<a id="options" href="/skin/options.html" class="control-button grey-button tooltip tooltipstered" style="display:block" target="_blank">  tooltipster.bundle.min.js:1:28656
Tooltipster: one or more tooltips are already attached to the element below. Ignoring.  tooltipster.bundle.min.js:1:28554
<a id="help" href="/skin/firstRun.html" class="control-button grey-button tooltip tooltipstered" style="display:block" target="_blank">  tooltipster.bundle.min.js:1:28656

[ghostwords]

What are the steps to reproduce?

[andresbase]

I just installed PB in Firefox 56 and hover over the border when you click on the PB icon.

[ghostwords]

I can't reproduce. Could it be that you installed Badger from a branch that doesn't have the new translation strings used in your screenshot, and then switched branches but didn't reload Badger in the browser? Translations are loaded on Badger startup only. A few files (popup.html, popup.js, options.html, options.js) don't seem to require reloading to see new versions of, but most everything else does.

[andresbase]

Indeed, that must have been the problem, thanks! I can't reproduce the performance issues anywhere else either. They are persistent in my work machine but nowhere else.