From 2086a59b49bb0dc493e0b49257828817fd39e08e Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Sun, 24 May 2020 11:11:09 +0200
Subject: [PATCH] test(e2e): use 2s on CI, 0.5s on dev

---
 e2e/transitions/index.html |  4 ++--
 e2e/transitions/index.ts   | 17 +++++++++++++++++
 e2e/webpack.config.js      |  1 +
 src/global.d.ts            |  1 +
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/e2e/transitions/index.html b/e2e/transitions/index.html
index 5b52cbd3..20c160a7 100644
--- 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 96f6ebee..6738f98b 100644
--- 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 def3182b..ebded67f 100644
--- 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 d276eaf9..d1785b3d 100644
--- 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
-- 
2.47.3