2018-03-27 08:02:55 +01:00
|
|
|
import {
|
2018-12-04 07:23:29 +00:00
|
|
|
composeButton,
|
|
|
|
getNthStatus,
|
|
|
|
scrollToStatus,
|
|
|
|
modalDialog,
|
|
|
|
sleep,
|
|
|
|
notificationsNavButton,
|
|
|
|
getUrl,
|
|
|
|
getNthStatusSelector,
|
|
|
|
composeModalEmojiButton,
|
|
|
|
composeModalInput,
|
2020-06-29 07:12:14 +01:00
|
|
|
composeModalComposeButton, emojiSearchInput, firstEmojiInPicker
|
2018-03-27 08:02:55 +01:00
|
|
|
} from '../utils'
|
2018-05-26 21:51:41 +01:00
|
|
|
import { loginAsFoobar } from '../roles'
|
2018-04-09 00:56:20 +01:00
|
|
|
import { Selector as $ } from 'testcafe'
|
2018-03-27 08:02:55 +01:00
|
|
|
|
|
|
|
fixture`108-compose-dialog.js`
|
|
|
|
.page`http://localhost:4002`
|
|
|
|
|
|
|
|
test('can compose using a dialog', async t => {
|
2018-05-26 21:51:41 +01:00
|
|
|
await loginAsFoobar(t)
|
2019-02-28 16:56:25 +00:00
|
|
|
await scrollToStatus(t, 16)
|
2018-04-01 06:08:24 +01:00
|
|
|
await t.expect(modalDialog.exists).notOk()
|
2018-03-30 16:19:18 +01:00
|
|
|
.expect(composeButton.getAttribute('aria-label')).eql('Compose')
|
|
|
|
await sleep(2000)
|
2018-03-27 16:38:40 +01:00
|
|
|
await t.click(composeButton)
|
2018-03-27 08:02:55 +01:00
|
|
|
.expect(modalDialog.hasAttribute('aria-hidden')).notOk()
|
2018-12-04 07:23:29 +00:00
|
|
|
.typeText(composeModalInput, 'hello from the modal')
|
|
|
|
.click(composeModalComposeButton)
|
2018-04-01 06:08:24 +01:00
|
|
|
.expect(modalDialog.exists).notOk()
|
2018-04-11 06:38:10 +01:00
|
|
|
.click(notificationsNavButton)
|
|
|
|
.expect(getUrl()).contains('/notifications')
|
|
|
|
.navigateTo('/')
|
2019-02-28 16:56:25 +00:00
|
|
|
.hover(getNthStatus(1))
|
|
|
|
.expect(getNthStatus(1).innerText).contains('hello from the modal', { timeout: 20000 })
|
2018-03-27 08:02:55 +01:00
|
|
|
})
|
2018-04-09 00:56:20 +01:00
|
|
|
|
2020-06-29 07:12:14 +01:00
|
|
|
// Skipped because TestCafé seems to believe the elements are not visible when they are.
|
|
|
|
// Tested manually and it's fine; probably a TestCafé bug.
|
|
|
|
test.skip('can use emoji dialog within compose dialog', async t => {
|
2018-05-26 21:51:41 +01:00
|
|
|
await loginAsFoobar(t)
|
2019-02-28 16:56:25 +00:00
|
|
|
await scrollToStatus(t, 16)
|
2018-04-09 00:56:20 +01:00
|
|
|
await t.expect(composeButton.getAttribute('aria-label')).eql('Compose')
|
|
|
|
await sleep(2000)
|
|
|
|
await t.click(composeButton)
|
2020-06-29 07:12:14 +01:00
|
|
|
await sleep(1000)
|
|
|
|
await t
|
2018-12-04 07:23:29 +00:00
|
|
|
.click(composeModalEmojiButton)
|
2020-06-29 07:12:14 +01:00
|
|
|
await sleep(1000)
|
|
|
|
await t
|
2018-12-18 08:43:51 +00:00
|
|
|
.typeText(emojiSearchInput, 'blobpats')
|
2020-06-29 07:12:14 +01:00
|
|
|
await sleep(1000)
|
|
|
|
await t
|
|
|
|
.click(firstEmojiInPicker)
|
2018-12-04 07:23:29 +00:00
|
|
|
.expect(composeModalInput.value).eql(':blobpats: ')
|
|
|
|
.click(composeModalComposeButton)
|
2018-04-09 00:56:20 +01:00
|
|
|
.expect(modalDialog.exists).notOk()
|
2018-04-11 06:38:10 +01:00
|
|
|
.click(notificationsNavButton)
|
|
|
|
.expect(getUrl()).contains('/notifications')
|
|
|
|
.navigateTo('/')
|
2019-02-28 16:56:25 +00:00
|
|
|
await t.expect($(`${getNthStatusSelector(1)} img[alt=":blobpats:"]`).exists).ok({ timeout: 20000 })
|
2018-04-10 02:30:15 +01:00
|
|
|
})
|