import {
  composeButton, composeContentWarning, composeInput, contentWarningButton,
  getNthShowOrHideButton, getNthStatus
} from '../utils'
import { foobarRole } from '../roles'

fixture`110-compose-content-warnings.js`
  .page`http://localhost:4002`

test('content warnings are posted', async t => {
  await t.useRole(foobarRole)
    .typeText(composeInput, 'hello this is a toot', {paste: true})
    .click(contentWarningButton)
    .typeText(composeContentWarning, 'CW', {paste: true})
    .click(composeButton)
    .expect(getNthStatus(0).find('.status-spoiler').innerText).contains('CW', {timeout: 30000})
    .click(getNthShowOrHideButton(0))
    .expect(getNthStatus(0).find('.status-content').innerText).contains('hello this is a toot')
    .click(getNthShowOrHideButton(0))
    .expect(getNthStatus(0).find('.status-content').exists).notOk()
})

test('content warnings are not posted if removed', async t => {
  await t.useRole(foobarRole)
    .typeText(composeInput, 'hi this is another toot', {paste: true})
    .click(contentWarningButton)
    .typeText(composeContentWarning, 'content warning!', {paste: true})
    .click(contentWarningButton)
    .expect(composeContentWarning.exists).notOk()
    .click(composeButton)
    .expect(getNthStatus(0).find('.status-spoiler').exists).notOk({timeout: 30000})
    .expect(getNthStatus(0).find('.status-content').innerText).contains('hi this is another toot')
})