visbug-lib/app/features/guides.test.js

<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href

import test from 'ava'

import { setupPptrTab, teardownPptrTab } 
from '../../tests/helpers'

test.beforeEach(setupPptrTab)

test('Should show 2 overlay elements on hover', async t => {
  const { page } = t.context

  await page.mouse.move(100, 200)

  const gridlines_element = await page.evaluate(`document.querySelectorAll('visbug-gridlines').length`)
  const label_elements = await page.evaluate(`document.querySelectorAll('visbug-label').length`)

  t.is(gridlines_element, 1)
  t.is(label_elements, 1)
  t.pass()
})

test.afterEach(teardownPptrTab)