diff --git a/cypress/integration/basic-spec.js b/cypress/integration/01-basic-spec.js
similarity index 100%
rename from cypress/integration/basic-spec.js
rename to cypress/integration/01-basic-spec.js
diff --git a/cypress/integration/login-spec.js b/cypress/integration/02-login-spec.js
similarity index 100%
rename from cypress/integration/login-spec.js
rename to cypress/integration/02-login-spec.js
diff --git a/cypress/integration/03-basic-timeline-spec.js b/cypress/integration/03-basic-timeline-spec.js
new file mode 100644
index 00000000..2ac8ebad
--- /dev/null
+++ b/cypress/integration/03-basic-timeline-spec.js
@@ -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())
+
+  })
+})
\ No newline at end of file
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index afa9dd8e..f5ceb43e 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -45,4 +45,8 @@ Cypress.Commands.add('login', (email, password) => {
 
   cy.get('button').contains('Authorize').click()
   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}]`)
 })
\ No newline at end of file
diff --git a/routes/_components/virtualList/VirtualListItem.html b/routes/_components/virtualList/VirtualListItem.html
index aaa04b2b..0be8a289 100644
--- a/routes/_components/virtualList/VirtualListItem.html
+++ b/routes/_components/virtualList/VirtualListItem.html
@@ -1,4 +1,5 @@
 <div class="virtual-list-item {{shown ? 'shown' : ''}}"
+     aria-hidden="{{!shown}}"
      virtual-list-key="{{key}}"
      ref:node
      style="transform: translateY({{offset}}px);" >