From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 3 Apr 2020 13:08:57 +0000 (+0200)
Subject: test(e2e): add scroll behavior test
X-Git-Tag: v4.0.0-alpha.5~25
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=542baa7568b4c0f9e2546dcb99297dfdc8bf142f;p=thirdparty%2Fvuejs%2Frouter.git

test(e2e): add scroll behavior test
---

diff --git a/e2e/specs/scroll-behavior.js b/e2e/specs/scroll-behavior.js
new file mode 100644
index 00000000..3b4fc042
--- /dev/null
+++ b/e2e/specs/scroll-behavior.js
@@ -0,0 +1,125 @@
+const bsStatus = require('../browserstack-send-status')
+
+module.exports = {
+  ...bsStatus(),
+
+  '@tags': ['history'],
+  // TODO: position is not saved when navigating back using browser buttons and
+  // therefore navigating forward does not restore position as it should
+  '@disabled': true,
+
+  'scroll behavior': function(browser) {
+    const TIMEOUT = 2000
+
+    browser
+      .url('http://localhost:8080/scroll-behavior/')
+      .waitForElementVisible('#app', 1000)
+      .assert.count('li a', 6)
+      .assert.containsText('.view', 'home')
+
+      .execute(function() {
+        window.scrollTo(0, 100)
+      })
+      .click('li:nth-child(2) a')
+      .waitForElementPresent('.view.foo', TIMEOUT)
+      .assert.containsText('.view', 'foo')
+      .execute(function() {
+        window.scrollTo(0, 200)
+        window.history.back()
+      })
+      .waitForElementPresent('.view.home', TIMEOUT)
+      .assert.containsText('.view', 'home')
+      .assert.evaluate(
+        function() {
+          return window.pageYOffset === 100
+        },
+        null,
+        'restore scroll position on back with manual restoration'
+      )
+
+      // scroll on a popped entry
+      .execute(function() {
+        window.scrollTo(0, 50)
+        window.history.forward()
+      })
+      .waitForElementPresent('.view.foo', TIMEOUT)
+      .assert.containsText('.view', 'foo')
+      .assert.evaluate(
+        function() {
+          return window.pageYOffset === 200
+        },
+        null,
+        'restore scroll position on forward'
+      )
+
+      .execute(function() {
+        window.history.back()
+      })
+      .waitForElementPresent('.view.home', TIMEOUT)
+      .assert.containsText('.view', 'home')
+      .assert.evaluate(
+        function() {
+          return window.pageYOffset === 50
+        },
+        null,
+        'restore scroll position on back again'
+      )
+
+      .click('li:nth-child(2) a')
+      .waitForElementPresent('.view.bar', TIMEOUT)
+      .assert.evaluate(
+        function() {
+          return window.pageYOffset === 50
+        },
+        null,
+        'keeps scroll on new entry with no scrollToTop'
+      )
+
+      .click('li:nth-child(3) a')
+      .waitForElementPresent('.view.bar', TIMEOUT)
+      .assert.evaluate(
+        function() {
+          return window.pageYOffset === 0
+        },
+        null,
+        'scroll to top on new entry'
+      )
+
+      .click('li:nth-child(4) a')
+      .assert.evaluate(
+        function() {
+          return (
+            document.getElementById('anchor').getBoundingClientRect().top < 1
+          )
+        },
+        null,
+        'scroll to anchor'
+      )
+
+      .execute(function() {
+        document.querySelector('li:nth-child(5) a').click()
+      })
+      .assert.evaluate(
+        function() {
+          return (
+            document.getElementById('anchor2').getBoundingClientRect().top < 101
+          )
+        },
+        null,
+        'scroll to anchor with offset'
+      )
+      .execute(function() {
+        document.querySelector('li:nth-child(6) a').click()
+      })
+      .assert.evaluate(
+        function() {
+          return (
+            document.getElementById('1number').getBoundingClientRect().top < 1
+          )
+        },
+        null,
+        'scroll to anchor that starts with number'
+      )
+      .end()
+  },
+}