cc81a7bec6
* fix(a11y): improved aria-label for status and notifications fixes #689 * only calculate formatted date once * fixup tests * fixup tests more * fixup * fixup tests again
38 lines
2.3 KiB
JavaScript
38 lines
2.3 KiB
JavaScript
import { getNthStatusSelector } from '../utils'
|
|
import { loginAsFoobar } from '../roles'
|
|
import { Selector as $ } from 'testcafe'
|
|
|
|
fixture`005-status-types.js`
|
|
.page`http://localhost:4002`
|
|
|
|
test('shows followers-only vs regular in home timeline', async t => {
|
|
await loginAsFoobar(t)
|
|
await t
|
|
.expect($(`${getNthStatusSelector(1)} .status-content`).innerText).contains('notification of unlisted message')
|
|
.expect($(`${getNthStatusSelector(1)} .status-toolbar button:nth-child(2)`).getAttribute('aria-label'))
|
|
.eql('Boost')
|
|
.expect($(`${getNthStatusSelector(1)} .status-toolbar button:nth-child(2)`).hasAttribute('disabled')).notOk()
|
|
.expect($(`${getNthStatusSelector(2)} .status-content`).innerText).contains('notification of followers-only message')
|
|
.expect($(`${getNthStatusSelector(2)} .status-toolbar button:nth-child(2)`).getAttribute('aria-label'))
|
|
.eql('Cannot be boosted because this is followers-only')
|
|
.expect($(`${getNthStatusSelector(2)} .status-toolbar button:nth-child(2)`).hasAttribute('disabled')).ok()
|
|
})
|
|
|
|
test('shows direct vs followers-only vs regular in notifications', async t => {
|
|
await loginAsFoobar(t)
|
|
await t
|
|
.navigateTo('/notifications')
|
|
.expect($(`${getNthStatusSelector(2)} .status-content`).innerText).contains('notification of unlisted message')
|
|
.expect($(`${getNthStatusSelector(2)} .status-toolbar button:nth-child(2)`).getAttribute('aria-label'))
|
|
.eql('Boost')
|
|
.expect($(`${getNthStatusSelector(2)} .status-toolbar button:nth-child(2)`).hasAttribute('disabled')).notOk()
|
|
.expect($(`${getNthStatusSelector(3)} .status-content`).innerText).contains('notification of followers-only message')
|
|
.expect($(`${getNthStatusSelector(3)} .status-toolbar button:nth-child(2)`).getAttribute('aria-label'))
|
|
.eql('Cannot be boosted because this is followers-only')
|
|
.expect($(`${getNthStatusSelector(3)} .status-toolbar button:nth-child(2)`).hasAttribute('disabled')).ok()
|
|
.expect($(`${getNthStatusSelector(4)} .status-content`).innerText).contains('notification of direct message')
|
|
.expect($(`${getNthStatusSelector(4)} .status-toolbar button:nth-child(2)`).getAttribute('aria-label'))
|
|
.eql('Cannot be boosted because this is a direct message')
|
|
.expect($(`${getNthStatusSelector(4)} .status-toolbar button:nth-child(2)`).hasAttribute('disabled')).ok()
|
|
})
|