Fix transition test

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/App.vue

@@ -2,7 +2,7 @@
   <div id="mobilizon">
     <NavBar />
     <main>
-      <transition name="fade">
+      <transition name="fade" mode="out-in">
         <router-view />
       </transition>
     </main>
@@ -74,7 +74,7 @@ export default class App extends Vue {
 @import "~buefy/src/scss/buefy";
 
 .fade-enter-active, .fade-leave-active {
-  transition: opacity .75s;
+  transition: opacity .5s;
 }
 .fade-enter, .fade-leave-to {
   opacity: 0;

js/src/views/Event/Event.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="container">
     <b-loading :active.sync="$apollo.loading"></b-loading>
+    <transition appear name="fade" mode="out-in">
       <div v-if="event">
         <div class="header-picture container">
           <figure class="image is-3by1" v-if="event.picture">
@@ -47,7 +48,6 @@
               <div class="column is-three-quarters-desktop">
                 <p class="tags" v-if="event.category || event.tags.length > 0">
                   <b-tag type="is-warning" size="is-medium" v-if="event.draft">{{ $t('Draft') }}</b-tag>
-<!--                <span class="tag" v-if="event.category">{{ event.category }}</span>-->
                   <b-tag type="is-success" v-if="event.tags" v-for="tag in event.tags" :key="tag.title">{{ tag.title }}</b-tag>
                   <span v-if="event.tags > 0">⋅</span>
                   <span class="visibility" v-if="!event.draft">
@@ -98,7 +98,6 @@
                       <span class="addressDescription" :title="event.physicalAddress.description">{{ event.physicalAddress.description }}</span>
                       <span>{{ event.physicalAddress.floor }} {{ event.physicalAddress.street }}</span>
                       <span>{{ event.physicalAddress.postalCode }} {{ event.physicalAddress.locality }}</span>
-  <!--                  <span>{{ event.physicalAddress.region }} {{ event.physicalAddress.country }}</span>-->
                     </address>
                     <span class="map-show-button" @click="showMap = !showMap" v-if="event.physicalAddress && event.physicalAddress.geom">
                       {{ $t('Show map') }}
@@ -198,6 +197,7 @@
               </identity-picker>
         </b-modal>
         </div>
+    </transition>
   </div>
 </template>
 
@@ -482,6 +482,13 @@ export default class Event extends EventMixin {
 <style lang="scss" scoped>
   @import "../../variables";
 
+  .fade-enter-active, .fade-leave-active {
+    transition: opacity .5s;
+  }
+  .fade-enter, .fade-leave-to {
+    opacity: 0;
+  }
+
   div.sidebar {
     display: flex;
     flex-wrap: wrap;

js/tests/e2e/specs/register.js

@@ -39,6 +39,7 @@ describe('Registration', () => {
     cy.get('form').contains('button.button.is-primary', 'Register').click();
 
     cy.url().should('include', '/register/profile');
+    cy.wait(1000);
     cy.get('form .field').first().contains('label', 'Username').parent().find('input').type('tester');
     cy.get('form .field').eq(2).contains('label', 'Displayed name').parent().find('input').type('tester account');
     cy.get('form .field').eq(3).contains('label', 'Description').parent().find('textarea').type('This is a test account');