basic timeline test
This commit is contained in:
parent
0fef95347c
commit
f4eeacdc1c
|
@ -0,0 +1,41 @@
|
||||||
|
describe('Basic timeline spec', () => {
|
||||||
|
before(() => {
|
||||||
|
cy.login('foobar@localhost:3000', 'foobarfoobar')
|
||||||
|
})
|
||||||
|
beforeEach(() => {
|
||||||
|
cy.visit('/')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('Shows some articles', () => {
|
||||||
|
cy.get('.virtual-list-item[aria-hidden=false] .status-article:first').should('have.attr', 'aria-setsize')
|
||||||
|
cy.get('.virtual-list-item[aria-hidden=false] .status-article:first').should('have.attr', 'aria-posinset', '0')
|
||||||
|
cy.getNthVirtualArticle(0).get('.status-content p').should('contain', 'this is unlisted')
|
||||||
|
|
||||||
|
cy.getNthVirtualArticle(1).get('.status-content p').should('contain', 'this is followers-only')
|
||||||
|
cy.getNthVirtualArticle(2).get('.status-content p').should('contain', 'direct')
|
||||||
|
cy.getNthVirtualArticle(3).get('.status-spoiler p').should('contain', 'kitten CW')
|
||||||
|
cy.getNthVirtualArticle(4).get('.status-content p').should('contain', 'secret video')
|
||||||
|
cy.getNthVirtualArticle(4).scrollIntoView()
|
||||||
|
cy.getNthVirtualArticle(5).get('.status-content p').should('contain', "here's a video")
|
||||||
|
cy.getNthVirtualArticle(6).get('.status-spoiler p').should('contain', 'CW')
|
||||||
|
cy.getNthVirtualArticle(7).get('.status-content p').should('contain', "here's a secret animated kitten gif")
|
||||||
|
cy.getNthVirtualArticle(8).get('.status-content p').should('contain', "here's an animated kitten gif")
|
||||||
|
cy.getNthVirtualArticle(8).scrollIntoView()
|
||||||
|
cy.getNthVirtualArticle(9).get('.status-content p').should('contain', "here's 2 kitten photos")
|
||||||
|
cy.getNthVirtualArticle(10).get('.status-content p').should('contain', "here's a secret kitten")
|
||||||
|
cy.getNthVirtualArticle(11).get('.status-content p').should('contain', "here's a kitten")
|
||||||
|
cy.getNthVirtualArticle(11).scrollIntoView()
|
||||||
|
cy.getNthVirtualArticle(12).get('.status-content p').should('contain', "hello admin")
|
||||||
|
cy.getNthVirtualArticle(13).get('.status-content p').should('contain', "hello foobar")
|
||||||
|
cy.getNthVirtualArticle(14).get('.status-content p').should('contain', "hello world")
|
||||||
|
cy.getNthVirtualArticle(14).scrollIntoView()
|
||||||
|
|
||||||
|
for (let i = 0; i < 30; i++) {
|
||||||
|
cy.getNthVirtualArticle(15 + i).scrollIntoView()
|
||||||
|
cy.getNthVirtualArticle(15 + i).get('.status-content p').should('contain', (30 - i).toString())
|
||||||
|
}
|
||||||
|
|
||||||
|
cy.get('.virtual-list-item[aria-hidden=false] .status-article:first').should('have.attr', 'aria-setsize', (30 + 15).toString())
|
||||||
|
|
||||||
|
})
|
||||||
|
})
|
|
@ -46,3 +46,7 @@ Cypress.Commands.add('login', (email, password) => {
|
||||||
cy.get('button').contains('Authorize').click()
|
cy.get('button').contains('Authorize').click()
|
||||||
cy.url().should('equal', 'http://localhost:4002/')
|
cy.url().should('equal', 'http://localhost:4002/')
|
||||||
})
|
})
|
||||||
|
|
||||||
|
Cypress.Commands.add('getNthVirtualArticle', (n) => {
|
||||||
|
return cy.get(`.virtual-list-item[aria-hidden=false] .status-article[aria-posinset=${n}]`)
|
||||||
|
})
|
|
@ -1,4 +1,5 @@
|
||||||
<div class="virtual-list-item {{shown ? 'shown' : ''}}"
|
<div class="virtual-list-item {{shown ? 'shown' : ''}}"
|
||||||
|
aria-hidden="{{!shown}}"
|
||||||
virtual-list-key="{{key}}"
|
virtual-list-key="{{key}}"
|
||||||
ref:node
|
ref:node
|
||||||
style="transform: translateY({{offset}}px);" >
|
style="transform: translateY({{offset}}px);" >
|
||||||
|
|
Loading…
Reference in New Issue