pinafore/tests/spec/002-login-spec.js

97 lines
3.6 KiB
JavaScript

import { Selector as $ } from 'testcafe'
import {
addInstanceButton,
authorizeInput,
emailInput,
formError,
getFirstVisibleStatus, getNthStatus, getOpacity,
getUrl,
homeNavButton,
instanceInput,
logInToInstanceLink,
mastodonLogInButton,
passwordInput, reload,
settingsButton,
sleep
} from '../utils'
import { loginAsFoobar } from '../roles'
fixture`002-login-spec.js`
.page`http://localhost:4002`
function manualLogin (t, username, password) {
return t.click(logInToInstanceLink)
.expect(getUrl()).contains('/settings/instances/add')
.typeText(instanceInput, 'localhost:3000')
.click(addInstanceButton)
.expect(getUrl()).eql('http://localhost:3000/auth/sign_in', { timeout: 30000 })
.typeText(emailInput, username, { paste: true })
.typeText(passwordInput, password, { paste: true })
.click(mastodonLogInButton)
.expect(getUrl()).contains('/oauth/authorize')
.click(authorizeInput)
.expect(getUrl()).eql('http://localhost:4002/')
}
test('Cannot log in to a fake instance', async t => {
await sleep(500)
await t.click(logInToInstanceLink)
.expect(getUrl()).contains('/settings/instances/add')
.typeText(instanceInput, 'fake.nolanlawson.com', { paste: true })
.click(addInstanceButton)
.expect(formError.exists).ok()
.expect(formError.innerText).contains('Is this a valid Mastodon instance?')
.typeText(instanceInput, '.biz', { paste: true })
.expect(formError.exists).notOk()
.typeText(instanceInput, 'fake.nolanlawson.com', { paste: true, replace: true })
.expect(formError.exists).ok()
.expect(formError.innerText).contains('Is this a valid Mastodon instance?')
})
test('Logs in and logs out of localhost:3000', async t => {
await sleep(500)
await manualLogin(t, 'foobar@localhost:3000', 'foobarfoobar')
.expect(getUrl()).eql('http://localhost:4002/')
.hover(getFirstVisibleStatus())
.expect($('article.status-article').exists).ok()
.click(settingsButton)
.click($('a').withText('Instances'))
.click($('a').withText('localhost:3000'))
.expect(getUrl()).contains('/settings/instances/localhost:3000')
.expect($('.instance-name-h1').innerText).eql('localhost:3000')
.expect($('.acct-handle').innerText).eql('@foobar')
.expect($('.acct-display-name').innerText).eql('foobar')
.click($('button').withText('Log out'))
.click($('.modal-dialog button').withText('OK'))
.expect($('.main-content').innerText).contains("You're not logged in to any instances")
.click(homeNavButton)
// check that the "hidden from SSR" content is visible
.expect(getOpacity('.hidden-from-ssr')()).eql('1')
.navigateTo('/')
.expect(getOpacity('.hidden-from-ssr')()).eql('1')
await reload()
await t
.expect(getOpacity('.hidden-from-ssr')()).eql('1')
})
test('Logs in, refreshes, then logs out', async t => {
await loginAsFoobar(t)
await t
.hover(getNthStatus(0))
await reload()
await t
.hover(getNthStatus(0))
.click(settingsButton)
.click($('a').withText('Instances'))
.click($('a').withText('localhost:3000'))
.expect(getUrl()).contains('/settings/instances/localhost:3000')
.expect($('.instance-name-h1').innerText).eql('localhost:3000')
.expect($('.acct-handle').innerText).eql('@foobar')
.expect($('.acct-display-name').innerText).eql('foobar')
.click($('button').withText('Log out'))
.click($('.modal-dialog button').withText('OK'))
.expect($('.main-content').innerText).contains("You're not logged in to any instances")
.click(homeNavButton)
.expect(getOpacity('.hidden-from-ssr')()).eql('1')
})