fix($axe.run): Generate logs only if there are new violations

Author: ktquez

Diff for: package.json

@@ -13,7 +13,7 @@
     "build:unpkg": "rollup --config rollup.config.prod.js --format iife --file dist/vue-axe.min.js",
     "release": "standard-version",
     "test:e2e": "node_modules/.bin/cypress run --headless",
-    "test:e2e:open": "node_modules/.bin/cypress open ",
+    "test:e2e:open": "node_modules/.bin/cypress open",
     "project:publish": "git push --follow-tags origin master && npm publish",
     "deploy": "surge ./demo https://vue-axe.surge.sh/"
   },

Diff for: src/index.js

@@ -1,7 +1,7 @@
 import axeCore from 'axe-core'
 import debounce from 'lodash.debounce'
 import merge from 'lodash.merge'
-import { checkAndReport, resetCache, resetLastNotification } from './utils'
+import { checkAndReport, draf, resetCache, resetLastNotification } from './utils'
 
 export default function install (Vue, options) {
   // Browser only
@@ -44,20 +44,18 @@ export default function install (Vue, options) {
   Vue.prototype.$axe = {
     run ({ clearConsole = options.clearConsoleOnUpdate, element = document } = {}) {
       this.clearConsole(clearConsole)
-      if (!clearConsole) resetLastNotification()
-      Vue.nextTick().then(() => checkAndReport(options, element))
+      draf(() => checkAndReport(options, element))
     },
     plugins: axeCore.plugins,
     clearConsole (forceClear = false) {
       resetCache()
-
       if (forceClear || options.clearConsoleOnUpdate) {
         console.clear()
         resetLastNotification()
       }
     },
     debounce: debounce(function () {
-      this.run({ clearConsole: options.clearConsoleOnUpdate })
+      this.run()
     }, 1000, { maxWait: 5000 })
   }
 
@@ -75,5 +73,5 @@ export default function install (Vue, options) {
     }
   })
 
-  setTimeout(() => Vue.nextTick().then(() => checkAndReport(options, document)), options.delay)
+  setTimeout(() => draf(() => checkAndReport(options, document)), options.delay)
 }

Diff for: src/utils.js

@@ -13,7 +13,7 @@ export function checkAndReport (options, node) {
 
   axeCore.run(node || document, options.runOptions, (error, results) => {
     if (error) deferred.reject(error)
-    if (!results) return
+    if (results && !results.violations.length) return
     if (JSON.stringify(results.violations) === lastNotification) return
 
     if (options.clearConsoleOnUpdate) {
@@ -61,6 +61,8 @@ export function resetLastNotification () {
   lastNotification = ''
 }
 
+export const draf = (cb) => requestAnimationFrame(() => requestAnimationFrame(cb))
+
 function sortViolations (violations) {
   let sorted = []
   impacts.forEach(impact => {