Nolan Lawson
098a20db49
* 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
54 lines
1.7 KiB
JavaScript
54 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 })
|
|
})
|