1
0
mirror of https://github.com/nolanlawson/pinafore synced 2024-12-15 03:44:02 +01:00
Pinafore-Web-Client-Frontend/tests/spec/108-compose-dialog.js
Nolan Lawson 098a20db49
feat: add full emoji picker using emoji-mart (#836)
* feat: add full emoji picker using emoji-mart

Fixes #4

* use a sailboat as the default emoji in the emoji picker

* fix tests

* fix lint
2018-12-18 00:43:51 -08:00

55 lines
1.7 KiB
JavaScript

import {
composeButton,
getNthStatus,
scrollToStatus,
modalDialog,
sleep,
notificationsNavButton,
getUrl,
getNthStatusSelector,
composeModalEmojiButton,
composeModalInput,
composeModalComposeButton, emojiSearchInput
} from '../utils'
import { loginAsFoobar } from '../roles'
import { Selector as $ } from 'testcafe'
fixture`108-compose-dialog.js`
.page`http://localhost:4002`
test('can compose using a dialog', async t => {
await loginAsFoobar(t)
await scrollToStatus(t, 15)
await t.expect(modalDialog.exists).notOk()
.expect(composeButton.getAttribute('aria-label')).eql('Compose')
await sleep(2000)
await t.click(composeButton)
.expect(modalDialog.hasAttribute('aria-hidden')).notOk()
.typeText(composeModalInput, 'hello from the modal')
.click(composeModalComposeButton)
.expect(modalDialog.exists).notOk()
.click(notificationsNavButton)
.expect(getUrl()).contains('/notifications')
.navigateTo('/')
.hover(getNthStatus(0))
.expect(getNthStatus(0).innerText).contains('hello from the modal', { timeout: 20000 })
})
test('can use emoji dialog within compose dialog', async t => {
await loginAsFoobar(t)
await scrollToStatus(t, 15)
await t.expect(composeButton.getAttribute('aria-label')).eql('Compose')
await sleep(2000)
await t.click(composeButton)
.click(composeModalEmojiButton)
.typeText(emojiSearchInput, 'blobpats')
.pressKey('enter')
.expect(composeModalInput.value).eql(':blobpats: ')
.click(composeModalComposeButton)
.expect(modalDialog.exists).notOk()
.click(notificationsNavButton)
.expect(getUrl()).contains('/notifications')
.navigateTo('/')
await t.expect($(`${getNthStatusSelector(0)} img[alt=":blobpats:"]`).exists).ok({ timeout: 20000 })
})