test: adjust e2e tests so they are more stable when run on saucelabs

Author: yyx990803

example/advanced/README.md

@@ -1,6 +1,6 @@
 # Advanced Example
 
-This example uses Webpack to bundle the app, and uses vue-loader to enable single file Vue components.
+This example uses Webpack to bundle the app, and uses vue-loader to enable single file Vue components. Note this app is also used for end-to-end testing, so some of the fake timeouts are made particularly long to ensure the tests pass consistently.
 
 - `route-config.js` is the main route file. It demonstrates nested routing, redirection and global before hook.
 - `components/inbox/index.vue` demonstrates the use of common transition lifecycle hooks.

example/advanced/route-config.js

@@ -75,7 +75,7 @@ export function configRouter (router) {
         router.app.authenticating = false
         alert('this route is forbidden by a global before hook')
         transition.abort()
-      }, 1500)
+      }, 3000)
     } else {
       transition.next()
     }

example/advanced/services/messages.js

@@ -6,6 +6,6 @@ export default {
         id: params.id,
         text: 'Hello this is a message'
       })
-    }, 1500)
+    }, 3000)
   }
 }

test/e2e/test.js

@@ -61,7 +61,7 @@ module.exports = {
       .waitForElementVisible('h1', 1000)
       .assert.containsText('.view div', 'Loading data')
       .assert.containsText('.view h2', 'inbox!')
-      .pause(1500)
+      .pause(3000)
       .assert.containsText('.view div', 'message #123: Hello this is a message')
       // confirm navigation
       .click('a[href^="/user"]')
@@ -83,10 +83,9 @@ module.exports = {
 
     // forbidden
     .url(base + '/forbidden')
-      .waitForElementVisible('h1', 1000)
-      .assert.visible('#app > p')
+      .waitForElementVisible('#app > p', 1000)
       .assert.containsText('#app > p', 'Authenticating')
-      .pause(1500)
+      .pause(3000)
       .getAlertText(function (text) {
         this.assert.ok(/forbidden by a global before hook/.test(text.value))
       })