support more pseudoclasses

Author: philschatz

package.json

@@ -2,6 +2,7 @@
   "name": "css-coverage",
   "version": "1.2.2",
   "scripts": {
+    "pretest": "sass --source-map ./test/test.scss ./test/test.css",
     "test": "./bin/css-coverage.js --cover-declarations --html ./test/test.html --css ./test/test.css --lcov ./test/test.lcov",
     "test-debug": "node --inspect-brk ./bin/css-coverage.js --cover-declarations --html ./test/test.html --css ./test/test.css --lcov ./test/test.lcov",
     "posttest": "standard --fix"
@@ -30,5 +31,8 @@
   "main": "index.js",
   "repository": "https://github.com/openstax/css-coverage.js.git",
   "author": "Philip Schatz <phil@cnx.org>",
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "sass": "^1.17.0"
+  }
 }

src/runCoverage.js

@@ -158,7 +158,7 @@ async function runCoverage () {
     const rules = cssRules
 
     // Add default do-nothing for selectors used in cnx-easybake
-    const PSEUDOS = ['deferred', 'pass', 'match', 'after', 'before', 'outside']
+    const PSEUDOS = ['deferred', 'pass', 'match', 'after', 'before', 'outside', 'link', 'footnote-call', 'footnote-marker']
     PSEUDOS.forEach(function (pseudo) {
       window.Sizzle.selectors.match[pseudo] = RegExp(':?:?' + pseudo)
       window.Sizzle.selectors.find[pseudo] = function (match, context, isXML) { return context }

test/test.css

@@ -4,6 +4,7 @@ <h1>Simple test file with 2 classes</h1>
   <div class="class1">Hello</div>
   <div class="class2">World</div>
   <div class="footer">And a little footer</div>
+  <a href="#id123">a:link</a>
   <hr/>
 </body>
 </html>