Pinafore-Web-Client-Frontend/tests/utils.js

import { ClientFunction as exec, Selector as $ } from 'testcafe'

export const settingsButton = $('nav a[aria-label=Settings]')
export const instanceInput = $('#instanceInput')
export const addInstanceButton = $('.add-new-instance button')
export const modalDialogContents = $('.modal-dialog-contents')
export const closeDialogButton = $('.close-dialog-button')

export const getUrl = exec(() => window.location.href)

export const getActiveElementClass = exec(() =>
  document.activeElement ? document.activeElement.getAttribute('class') : ''
)

export const goBack = exec(() => window.history.back())

export function getNthStatus (n) {
  return $(`[aria-hidden="false"] > article[aria-posinset="${n}"]`)
}

export function getLastVisibleStatus () {
  return $(`[aria-hidden="false"] > article[aria-posinset]`).nth(-1)
}

export async function validateTimeline (t, timeline) {
  for (let i = 0; i < timeline.length; i++) {
    let status = timeline[i]
    if (status.content) {
      await t.expect(getNthStatus(i).find('.status-content p').innerText)
        .contains(status.content)
    }
    if (status.spoiler) {
      await t.expect(getNthStatus(i).find('.status-spoiler p').innerText)
        .contains(status.spoiler)
    }
    if (status.followedBy) {
      await t.expect(getNthStatus(i).find('.status-header span').innerText)
        .contains(status.followedBy + ' followed you')
    }
    if (status.rebloggedBy) {
      await t.expect(getNthStatus(i).find('.status-header span').innerText)
        .contains(status.rebloggedBy + ' boosted your status')
    }
    if (status.favoritedBy) {
      await t.expect(getNthStatus(i).find('.status-header span').innerText)
        .contains(status.favoritedBy + ' favorited your status')
    }

    // hovering forces TestCafé to scroll to that element: https://git.io/vABV2
    if (i % 3 === 2) { // only scroll every nth element
      await t.hover(getNthStatus(i))
        .expect($('.loading-footer').exist).notOk()
    }
  }
}

export async function scrollToBottomOfTimeline (t) {
  let lastSize = null
  while (true) {
    await t.hover(getLastVisibleStatus())
      .expect($('.loading-footer').exist).notOk()
    let newSize = await getLastVisibleStatus().getAttribute('aria-setsize')
    if (newSize === lastSize) {
      break
    }
    lastSize = newSize
  }
}

export async function scrollToStatus (t, n) {
  for (let i = 0; i < n; i += 2) {
    await t.hover(getNthStatus(n))
  }
  await t.hover(getNthStatus(n))
}