grunt-html-dom-snapshot/tasks/instructions/focus.js

Takes snapshots of the HTML markup on web pages - their immediate DOM content - and screenshots of their viewport - how they look like.

'use strict'

// Istanbul instruments the callback to be executed in the browser,
// introduces variables there, which are defined only in the node
// part of the code and thus breaks the code.

/* istanbul ignore next */

const { checkSingleElement } = require('./utils/elements')

module.exports = {
  detect: function (command) {
    return !!command.focus
  },

  perform: async function (grunt, target, client, command, options) {
    const focus = command.focus
    grunt.output.writeln('Focus "' + focus + '".')
    if (options.singleElementSelections) {
      await checkSingleElement(client, focus)
    }
    return client.execute(function (selector) {
      var element = document.querySelector(selector)
      if (!element) {
        return false
      }
      element.focus()
    }, focus)
      .then(function (value) {
        if (value === false) {
          throw new Error('"' + focus + '" does not exist.')
        }
      })
  }
}