Feature/integration test to system test

.gitignore

@@ -3,6 +3,7 @@
 *.rbc
 .bundle
 .config
+.vscode
 Gemfile.lock
 .bundle/
 log/*.log

.travis.yml

@@ -6,18 +6,18 @@ rvm:
 - 2.3.7
 - 2.4.4
 - 2.5.1
-env:
-  global:
-  - QMAKE=/usr/lib/x86_64-linux-gnu/qt5/bin/qmake
-addons:
-  apt:
-    sources:
-    - ubuntu-sdk-team
-    packages:
-    - libqt5webkit5-dev
-    - qtdeclarative5-dev
+addons: # get google-chrome-stable
+  chrome: stable
+install: # Install ChromeDriver (64bits; replace 64 with 32 for 32bits).
+  - wget -N https://chromedriver.storage.googleapis.com/2.43/chromedriver_linux64.zip -P ~/
+  - unzip ~/chromedriver_linux64.zip -d ~/
+  - rm ~/chromedriver_linux64.zip
+  - sudo mv -f ~/chromedriver /usr/local/share/
+  - sudo chmod +x /usr/local/share/chromedriver
+  - sudo ln -s /usr/local/share/chromedriver /usr/local/bin/chromedriver
 before_install:
 - gem update --system
+- bundle install
 script:
 - bin/rails db:migrate
 - bundle exec rubocop && xvfb-run bundle exec rspec spec

app/assets/javascripts/rosetta/application.js

@@ -1,13 +1,17 @@
 //= require ./vendor/vue.min
 //= require ./vendor/lunr
+//= require ./vendor/autosize.min
 
 function initPhrasesList(selector, phrases) {
   new Vue({
     el: selector,
+
     data: {
       phrases: phrases,
-      query: ''
+      query: '',
+      menuOpened: false,
     },
+
     computed: {
       searchIndex: function() {
         var that = this;
@@ -17,14 +21,14 @@ function initPhrasesList(selector, phrases) {
           this.field('text');
 
           that.phrases.forEach(function (phrase) {
-            this.add(phrase)
+            this.add(phrase);
           }, this);
         });
       },
+
       filteredPhrases: function () {
         if (this.query) {
           var results = this.searchIndex.search(this.query);
-
           return this.phrases.filter(function (phrase) {
             return results.some(function (result) {
               return result.ref === phrase.code;
@@ -34,6 +38,19 @@ function initPhrasesList(selector, phrases) {
           return this.phrases;
         }
       }
+    },
+
+    updated: function () {
+      this.$nextTick(function () {
+        autosize(document.querySelectorAll('.database__field'));
+      });
+    },
+
+    methods: {
+      toggleNav: function() {
+        this.menuOpened = this.menuOpened ? false : true;
+        console.log('toggleNav', this.menuOpened);
+      }
     }
   });
 }

app/assets/stylesheets/rosetta/application.scss

@@ -0,0 +1,2 @@
+@import 'blocks/pharses-menu';
+@import 'blocks/phrases-list';