add test for image modals

This commit is contained in:
Nolan Lawson 2018-02-20 09:42:55 -08:00
parent e952c7fcb2
commit 5b051558e1
1 changed files with 29 additions and 1 deletions

View File

@ -1,15 +1,43 @@
import { Selector as $ } from 'testcafe'
import { getNthVirtualArticle } from '../utils'
import { foobarRole } from '../roles'
const modalDialogContents = $('.modal-dialog-contents')
const closeDialogButton = $('.close-dialog-button')
fixture`08-status-media.js`
.page`http://localhost:4002`
test('shows sensitive images', async t => {
test('shows sensitive images and videos', async t => {
await t.useRole(foobarRole)
.hover(getNthVirtualArticle(3))
.hover(getNthVirtualArticle(6))
.hover(getNthVirtualArticle(7))
.expect(getNthVirtualArticle(7).find('.status-media img').exists).notOk()
.click(getNthVirtualArticle(7).find('.status-sensitive-media-button'))
.expect(getNthVirtualArticle(7).find('.status-media img').getAttribute('alt')).eql('kitten')
.expect(getNthVirtualArticle(7).find('.status-media img').hasAttribute('src')).ok()
.hover(getNthVirtualArticle(8))
.expect(getNthVirtualArticle(8).find('.status-media .play-video-button').exists).notOk()
.click(getNthVirtualArticle(8).find('.status-sensitive-media-button'))
.expect(getNthVirtualArticle(8).find('.status-media .play-video-button').exists).ok()
})
test('click and close image and video modals', async t => {
await t.useRole(foobarRole)
.hover(getNthVirtualArticle(3))
.hover(getNthVirtualArticle(6))
.hover(getNthVirtualArticle(7))
.hover(getNthVirtualArticle(9))
.expect(modalDialogContents.exists).notOk()
.click(getNthVirtualArticle(9).find('.play-video-button'))
.expect(modalDialogContents.exists).ok()
.click(closeDialogButton)
.expect(modalDialogContents.exists).notOk()
.hover(getNthVirtualArticle(11))
.hover(getNthVirtualArticle(12))
.click(getNthVirtualArticle(12).find('.show-image-button'))
.expect(modalDialogContents.exists).ok()
.click(closeDialogButton)
.expect(modalDialogContents.exists).notOk()
})