Pinafore-Web-Client-Frontend/tests/spec/122-replies-in-thread.js

109 lines
3.9 KiB
JavaScript

import { loginAsFoobar } from '../roles'
import {
getNthStatus,
getNthStatusContent,
getUrl,
getNthReplyButton, getNthComposeReplyInput, sleep,
getAriaSetSize,
getNthComposeReplyButton, goBack, goForward
} from '../utils'
import { postAs, postReplyAs } from '../serverActions'
fixture`122-replies-in-threads.js`
.page`http://localhost:4002`
const TIMEOUT = 1500
async function goBackAndForward (t) {
await goBack()
await t.expect(getUrl()).eql('http://localhost:4002/')
await goForward()
await t.expect(getUrl()).match(/statuses/)
}
async function verifyAriaSetSize (t, size) {
await sleep(TIMEOUT)
await t.expect(getAriaSetSize()).eql(size)
await goBackAndForward(t)
await sleep(TIMEOUT)
await t.expect(getAriaSetSize()).eql(size)
}
// You click on status B, which is a reply to status A.
// Now status C comes in, which is a response to status A.
// Status C is inserted automatically, even though it shouldn't be in that thread.
test('reply to non-focused parent status in a thread', async t => {
const { id } = await postAs('admin', 'here is my awesome thread')
await postReplyAs('admin', 'and here it is continued', id)
await loginAsFoobar(t)
await t
.hover(getNthStatus(1))
.expect(getNthStatusContent(1).innerText).contains('and here it is continued')
.click(getNthStatus(1))
.expect(getUrl()).match(/statuses/)
.click(getNthReplyButton(1))
.typeText(getNthComposeReplyInput(1), 'haha I totally agree', { paste: true })
.click(getNthComposeReplyButton(1))
await verifyAriaSetSize(t, '2')
})
// In this case it's the same as the previous, except the focused status is status A.
test('reply to focused status in a thread', async t => {
const { id } = await postAs('admin', 'whoa here is my other awesome thread')
await postReplyAs('admin', 'whoa and here it is probably continued', id)
await loginAsFoobar(t)
await t
.hover(getNthStatus(1))
.expect(getNthStatusContent(1).innerText).contains('whoa and here it is probably continued')
.hover(getNthStatusContent(2))
.click(getNthStatus(2))
.expect(getUrl()).match(/statuses/)
.click(getNthReplyButton(1))
.typeText(getNthComposeReplyInput(1), 'haha I totally agree', { paste: true })
.click(getNthComposeReplyButton(1))
await verifyAriaSetSize(t, '3')
})
// In this case the thread is A-B-C, the focused status is C,
// and the replied-to status is A.
test('reply to non-focused grandparent status in a thread', async t => {
const { id: id1 } = await postAs('admin', 'cool thread 1/3')
const { id: id2 } = await postReplyAs('admin', 'cool thread 2/3', id1)
await postReplyAs('admin', 'cool thread 3/3', id2)
await loginAsFoobar(t)
await t
.hover(getNthStatus(1))
.expect(getNthStatusContent(1).innerText).contains('cool thread 3/3')
.click(getNthStatus(1))
.expect(getUrl()).match(/statuses/)
.hover(getNthStatus(3))
.hover(getNthStatus(2))
.hover(getNthStatus(1))
.click(getNthReplyButton(1))
.typeText(getNthComposeReplyInput(1), 'this is sweet', { paste: true })
.click(getNthComposeReplyButton(1))
await verifyAriaSetSize(t, '3')
})
// Thread is A-B-C, focused status is A, replied-to status is C.
test('reply to non-focused grandchild status in a thread', async t => {
const { id: id1 } = await postAs('admin', 'sweet thread 1/3')
const { id: id2 } = await postReplyAs('admin', 'sweet thread 2/3', id1)
await postReplyAs('admin', 'sweet thread 3/3', id2)
await loginAsFoobar(t)
await t
.hover(getNthStatus(1))
.expect(getNthStatusContent(1).innerText).contains('sweet thread 3/3')
.hover(getNthStatusContent(2))
.hover(getNthStatus(3))
.click(getNthStatus(3))
.expect(getUrl()).match(/statuses/)
.hover(getNthStatus(1))
.hover(getNthStatus(2))
.hover(getNthStatus(3))
.click(getNthReplyButton(3))
.typeText(getNthComposeReplyInput(3), 'this is sweet', { paste: true })
.click(getNthComposeReplyButton(3))
await verifyAriaSetSize(t, '4')
})