codeceptjs/lib/helper/scripts/highlightElement.js

Supercharged End 2 End Testing Framework for NodeJS

export const highlightElement = (element, context) => {
  const clientSideHighlightFn = el => {
    const style = '0px 0px 4px 3px rgba(255, 0, 0, 0.7)'
    const prevStyle = el.style.boxShadow
    el.style.boxShadow = style
    setTimeout(() => (el.style.boxShadow = prevStyle), 2000)
  }

  try {
    // Puppeteer
    context.evaluate(clientSideHighlightFn, element).catch(err => console.error(err))
  } catch (e) {
    // WebDriver
    try {
      context.execute(clientSideHighlightFn, element)
    } catch (err) {
      // ignore
    }
  }
}