test(e2e): use 2s on CI, 0.5s on dev

diff --git a/e2e/transitions/index.html b/e2e/transitions/index.html
index 5b52cbd3cb862dcce2d7277b230f255ed8d8d3fe..20c160a731052b55d4eba3c921e9b75966651e33 100644 (file)
--- a/e2e/transitions/index.html
+++ b/e2e/transitions/index.html
@@ -11,7 +11,7 @@
     <style>
       .fade-enter-active,
       .fade-leave-active {
-        transition: opacity 1.5s ease;
+        transition: opacity 2s ease;
       }
       .fade-enter-from,
       .fade-leave-active {
@@ -19,7 +19,7 @@
       }
       .child-view {
         position: absolute;
-        transition: all 1.5s cubic-bezier(0.55, 0, 0.1, 1);
+        transition: all 2s cubic-bezier(0.55, 0, 0.1, 1);
       }
       .slide-left-enter-from,
       .slide-right-leave-active {

diff --git a/e2e/transitions/index.ts b/e2e/transitions/index.ts
index 96f6ebee4657d6fb15d27a9ede578c7dc19e9ea5..6738f98b56bb74089ef68d8de1fd9c57a6703582 100644 (file)
--- a/e2e/transitions/index.ts
+++ b/e2e/transitions/index.ts
@@ -11,6 +11,23 @@ const Home: RouteComponent = {
   `,
 }
 
+// override existing style on dev with shorter times
+if (!__CI__) {
+  const transitionDuration = '0.5s'
+  const styleEl = document.createElement('style')
+  styleEl.innerHTML = `
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity ${transitionDuration} ease;
+}
+.child-view {
+  position: absolute;
+  transition: all ${transitionDuration} cubic-bezier(0.55, 0, 0.1, 1);
+}
+`
+  document.head.append(styleEl)
+}
+
 const Parent: RouteComponent = {
   data() {
     return {

diff --git a/e2e/webpack.config.js b/e2e/webpack.config.js
index def3182bce8a48dee38fec995b4f360238c6d599..ebded67fb96261ff8bf54c1a8c89239f5704a556 100644 (file)
--- a/e2e/webpack.config.js
+++ b/e2e/webpack.config.js
@@ -75,6 +75,7 @@ const config = (env = {}) => ({
   plugins: [
     new webpack.DefinePlugin({
       __DEV__: JSON.stringify(process.env.NODE_ENV !== 'production'),
+      __CI__: JSON.stringify(process.env.CI || false),
       __BROWSER__: 'true',
       'process.env': {
         NODE_ENV: JSON.stringify(process.env.NODE_ENV),

diff --git a/src/global.d.ts b/src/global.d.ts
index d276eaf920ba5fd9804b5ddde55458e56def28c7..d1785b3dc697c28858412c0fbe01fc8c6f49c42e 100644 (file)
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -1,3 +1,4 @@
 // Global compile-time constants
 declare var __DEV__: boolean
 declare var __BROWSER__: boolean
+declare var __CI__: boolean