Pinafore-Web-Client-Frontend/tests/spec/120-status-aria-label.js

import { loginAsFoobar } from '../roles'
import { getNthStatus } from '../utils'
import { createPollAs, postAs, postEmptyStatusWithMediaAs } from '../serverActions'

fixture`120-status-aria-label.js`
  .page`http://localhost:4002`

test('aria-labels for statuses with no content text', async t => {
  await postEmptyStatusWithMediaAs('foobar', 'kitten1.jpg', 'kitteh')
  await loginAsFoobar(t)
  await t
    .hover(getNthStatus(1))
    .expect(getNthStatus(1).getAttribute('aria-label')).match(
      /foobar, has media, (.+ ago|just now), @foobar, Public/i
    )
})

test('aria-labels for statuses with polls', async t => {
  await createPollAs('foobar', 'here is my poll', ['yolo', 'whatever'])
  await loginAsFoobar(t)
  await t
    .hover(getNthStatus(1))
    .expect(getNthStatus(1).getAttribute('aria-label')).match(
      /foobar, here is my poll, has poll, (.+ ago|just now), @foobar, Public/i
    )
})

test('aria-labels with links', async t => {
  const content = 'Text here\n\nMore text\n\n' +
    'https://example.com/long/url/here/very/long/yes/so/long\n\n' +
    '#woot #yolo'

  const expected = 'admin, Text here More text ' +
    'https://example.com/long/url/here/very/long/yes/so/long #woot #yolo,'

  await postAs('admin', content)

  await loginAsFoobar(t)
  await t
    .hover(getNthStatus(1))
    .expect(getNthStatus(1).getAttribute('aria-label')).contains(expected)
})