@javascript
Feature: infinite scroll
    In order to browse without disruption
    As medium-sized internet grazing animal
    I want the stream to infinite scroll
    
    Background:
      Given many posts from alice for bob
      When I sign in as "bob@bob.bob"

    Scenario: on the main stream by activity
      Then I should see 15 posts
      And I should see "alice - 26 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 11 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 1 - #seeded"

      When I scroll down
      Then I should see "No more"

      When I follow "generic"
      And I wait for the ajax to finish
      Then I should see 15 posts
      And I should see "alice - 26 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 11 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 1 - #seeded"

      When I scroll down
      Then I should see "No more"

    Scenario: on the main stream post created time
      When I follow "post time"
      Then I should see 15 posts
      And I should see "alice - 15 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 30 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 40 - #seeded"

      When I scroll down
      Then I should see "No more"

      When I follow "generic"
      And I wait for the ajax to finish
      Then I should see 15 posts
      And I should see "alice - 15 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 30 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 40 - #seeded"

      When I scroll down
      Then I should see "No more"

    Scenario: On a tag page
      When I go to the tag page for "seeded"
      Then I should see 15 posts
      And I should see "alice - 15 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 30 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 40 - #seeded"

      When I scroll down
      Then I should see "No more"

    Scenario: On a profile page
      And I am on "alice@alice.alice"'s page
      Then I should see 15 posts
      And I should see "alice - 15 - #seeded"

      When I scroll down
      Then I should see 30 posts
      And I should see "alice - 30 - #seeded"

      When I scroll down
      Then I should see 40 posts
      And I should see "alice - 40 - #seeded"

      When I scroll down
      Then I should see "No more"