pinafore/tests/spec/012-compose.js
Nolan Lawson 1371175bce
feat: use emoji-picker-element, add emoji autocompletions/tooltips (#1804)
* feat: use emoji-picker-element, add emoji autocompletions/tooltips

* fix: fix lint bug

* test: fix emoji in chrome on linux in travis

* test: try bionic in travis

* chore: try to fix travis

* chore: try to fix travis

* fix: filter unsupported emoji

* chore: try to fix travis

* chore: try to fix travis

* chore: try to fix travis

* chore: try to fix travis

* Revert "chore: try to fix travis"

This reverts commit 3cd2d94469b2f1a20c847c2a69e088d7c8d1efdd.

* fix: fix emoji autosuggest

* test: fix test
2020-06-28 23:12:14 -07:00

156 lines
4.9 KiB
JavaScript

import {
composeButton,
composeInput,
composeLengthIndicator,
emojiButton,
emojiSearchInput,
firstEmojiInPicker,
getComposeSelectionStart,
getNthStatusContent,
getUrl,
homeNavButton,
notificationsNavButton,
sleep,
times
} from '../utils'
import { loginAsFoobar } from '../roles'
fixture`012-compose.js`
.page`http://localhost:4002`
test('shows compose limits', async t => {
await loginAsFoobar(t)
await t
.hover(composeInput)
.expect(composeLengthIndicator.innerText).eql('500')
.expect(composeButton.hasAttribute('disabled')).notOk()
.typeText(composeInput, 'typing some text')
.expect(composeLengthIndicator.innerText).eql('484')
.expect(composeButton.hasAttribute('disabled')).notOk()
.typeText(composeInput, times(50, () => 'hello world').join(' '), { replace: true, paste: true })
.expect(composeLengthIndicator.innerText).eql('-99')
.expect(composeButton.getAttribute('disabled')).eql('')
.typeText(composeInput, 'hello world', { replace: true })
.click(notificationsNavButton)
.expect(getUrl()).contains('/notifications')
.click(homeNavButton)
.expect(getUrl()).eql('http://localhost:4002/')
.expect(composeInput.value).eql('hello world')
.expect(composeLengthIndicator.innerText).eql('489')
.expect(composeButton.hasAttribute('disabled')).notOk()
.selectText(composeInput)
.pressKey('delete')
.expect(composeInput.value).eql('')
.expect(composeLengthIndicator.innerText).eql('500')
.expect(composeButton.hasAttribute('disabled')).notOk()
})
test('shows compose limits for URLs/handles', async t => {
await loginAsFoobar(t)
await t
.expect(composeLengthIndicator.innerText).eql('500')
.expect(composeButton.hasAttribute('disabled')).notOk()
.typeText(composeInput, 'hello world ' +
'http://foo.bar.baz.whatever.example.com/hello ' +
'@reallylongnamethatstretchesonandon@foo.example.com', { paste: true })
.expect(composeLengthIndicator.innerText).eql('429')
.expect(composeButton.hasAttribute('disabled')).notOk()
})
test('shows compose limits for emoji', async t => {
await loginAsFoobar(t)
await t
.typeText(composeInput, 'hello world \ud83c\ude01 \ud83d\udc6a')
.expect(composeLengthIndicator.innerText).eql('485')
.expect(composeButton.hasAttribute('disabled')).notOk()
})
test('shows compose limits for custom emoji', async t => {
await loginAsFoobar(t)
await t
.typeText(composeInput, 'hello world ')
.click(emojiButton)
.typeText(emojiSearchInput, 'blobnom')
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql('hello world :blobnom: ')
.expect(composeLengthIndicator.innerText).eql('478')
})
test('inserts custom emoji correctly', async t => {
await loginAsFoobar(t)
await t
.typeText(composeInput, 'hello world')
.selectText(composeInput, 6, 6)
.expect(getComposeSelectionStart()).eql(6)
.click(emojiButton)
.typeText(emojiSearchInput, 'blobpats')
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql('hello :blobpats: world')
.selectText(composeInput, 0, 0)
.expect(getComposeSelectionStart()).eql(0)
.click(emojiButton)
.typeText(emojiSearchInput, 'blobnom')
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql(':blobnom: hello :blobpats: world')
.typeText(composeInput, ' foobar ')
.click(emojiButton)
.typeText(emojiSearchInput, 'blobpeek')
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql(':blobnom: hello :blobpats: world foobar :blobpeek: ')
})
test('inserts emoji without typing anything', async t => {
await loginAsFoobar(t)
await sleep(1000)
await t
.click(emojiButton)
.click(firstEmojiInPicker)
.expect(composeInput.value).eql(':blobnom: ')
await sleep(1000)
await t
.click(emojiButton)
.click(firstEmojiInPicker)
.expect(composeInput.value).eql(':blobnom: :blobnom: ')
})
test('inserts native emoji without typing anything', async t => {
await loginAsFoobar(t)
await t
.click(emojiButton)
await sleep(1000)
await t
.expect(emojiSearchInput.value).eql('')
.typeText(emojiSearchInput, 'pineapple', { paste: true })
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql('\ud83c\udf4d ')
.click(emojiButton)
await sleep(1000)
await t
.expect(emojiSearchInput.value).eql('')
.typeText(emojiSearchInput, 'elephant', { paste: true })
await sleep(1000)
await t
.click(firstEmojiInPicker)
.expect(composeInput.value).eql('\ud83d\udc18 \ud83c\udf4d ')
})
test('cannot post an empty status', async t => {
await loginAsFoobar(t)
await t
.expect(getNthStatusContent(1).innerText).contains('pinned toot 1')
.click(composeButton)
await sleep(2)
await t
.expect(getNthStatusContent(1).innerText).contains('pinned toot 1')
})