grunt-html-dom-snapshot/tasks/instructions/clickIfVisible.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'

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

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

  perform: async function (grunt, target, client, command, options) {
    const clickIfVisible = command.clickIfVisible
    grunt.output.writeln('Checking visibility of "' + clickIfVisible + '"...')
    let clickable
    if (options.singleElementSelections) {
      await checkSingleElement(client, clickIfVisible)
    }
    return findElement(client, clickIfVisible)
      .then(element => {
        clickable = element
        return client
          .$(clickIfVisible)
          .then(element => element.isDisplayed(element))
      })
      .then(function (value) {
        if (value === true) {
          grunt.output.writeln('Click on "' + clickIfVisible + '".')
          return client.elementClick(clickable)
        } else {
          grunt.output.writeln('"' + clickIfVisible + '" is not visible.')
        }
      })
  }
}