feat: add vue tests

Author: dtopuzov

data/changes.py

@@ -112,3 +112,14 @@ class SharedHelloWorld(object):
         HTML = ChangeSet(file_path=os.path.join('src', 'app', 'item', 'items.component.html'),
                          old_value='"item.name"', new_value='"item.id"',
                          old_text=None, new_text=None)
+
+    class BlankVue(object):
+        VUE_SCRIPT = ChangeSet(file_path=os.path.join('app', 'components', 'Home.vue'),
+                               old_value='Blank {N}-Vue app', new_value='TEST APP',
+                               old_text='Blank {N}-Vue app', new_text='TEST APP')
+        VUE_TEMPLATE = ChangeSet(file_path=os.path.join('app', 'components', 'Home.vue'),
+                                 old_value='Home', new_value='TITLE',
+                                 old_text='Home', new_text='TITLE')
+        VUE_STYLE = ChangeSet(file_path=os.path.join('app', 'components', 'Home.vue'),
+                              old_value='font-size: 20;', new_value='font-size: 20; color: red;',
+                              old_color=Colors.DARK, new_color=Colors.RED)

data/sync/blank_vue.py

@@ -0,0 +1,77 @@
+"""
+Sync changes on JS/TS project helper.
+"""
+import os
+
+from core.enums.app_type import AppType
+from core.settings import Settings
+from core.utils.wait import Wait
+from data.changes import Changes, Sync
+from data.const import Colors
+from products.nativescript.run_type import RunType
+from products.nativescript.tns import Tns
+from products.nativescript.tns_logs import TnsLogs
+
+
+def sync_blank_vue(app_name, platform, device, bundle=False, hmr=False, instrumented=False):
+    # Execute `tns run` and wait until logs are OK
+    result = Tns.run(app_name=app_name, platform=platform, emulator=True, wait=False, bundle=bundle, hmr=hmr)
+
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.FULL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=240)
+
+    # Verify it looks properly
+    device.wait_for_text(text=Changes.BlankVue.VUE_SCRIPT.old_text)
+    device.wait_for_text(text=Changes.BlankVue.VUE_TEMPLATE.old_text)
+    initial_state = os.path.join(Settings.TEST_OUT_IMAGES, device.name, 'initial_state.png')
+    device.get_screen(path=initial_state)
+
+    # Edit script in .vue file
+    Sync.replace(app_name=app_name, change_set=Changes.BlankVue.VUE_SCRIPT)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+    device.wait_for_text(text=Changes.BlankVue.VUE_SCRIPT.new_text)
+
+    # Edit template in .vue file
+    Sync.replace(app_name=app_name, change_set=Changes.BlankVue.VUE_TEMPLATE)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+    device.wait_for_text(text=Changes.BlankVue.VUE_TEMPLATE.new_text)
+
+    # Edit styling in .vue file
+    Sync.replace(app_name=app_name, change_set=Changes.BlankVue.VUE_STYLE)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+    style_applied = Wait.until(lambda: device.get_pixels_by_color(Colors.RED) > 100)
+    assert style_applied, 'Failed to sync changes in style.'
+
+    # Revert script in .vue file
+    Sync.revert(app_name=app_name, change_set=Changes.BlankVue.VUE_SCRIPT)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+    device.wait_for_text(text=Changes.BlankVue.VUE_SCRIPT.old_text)
+
+    # Revert template in .vue file
+    Sync.revert(app_name=app_name, change_set=Changes.BlankVue.VUE_TEMPLATE)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+    device.wait_for_text(text=Changes.BlankVue.VUE_TEMPLATE.old_text)
+
+    # Revert styling in .vue file
+    Sync.revert(app_name=app_name, change_set=Changes.BlankVue.VUE_STYLE)
+    strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
+                                   hmr=hmr, app_type=AppType.VUE, file_name='Home.vue', instrumented=instrumented)
+    TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+
+    # Skip next steps because of https://github.com/nativescript-vue/nativescript-vue/issues/425
+    # style_applied = Wait.until(lambda: device.get_pixels_by_color(Colors.RED) == 0)
+    # assert style_applied, 'Failed to sync changes in style.'
+
+    # Assert final and initial states are same
+    device.screen_match(expected_image=initial_state, tolerance=1.0, timeout=30)

data/sync/hello_world_ng.py

@@ -3,24 +3,25 @@
 """
 
 import os
+
 from core.enums.app_type import AppType
 from core.enums.platform_type import Platform
 from core.settings import Settings
 from data.changes import Changes, Sync
 from data.const import Colors
+from products.nativescript.preview_helpers import Preview
 from products.nativescript.run_type import RunType
 from products.nativescript.tns import Tns
 from products.nativescript.tns_logs import TnsLogs
-from products.nativescript.preview_helpers import Preview
 
 
 def sync_hello_world_ng(app_name, platform, device, bundle=False, uglify=False, aot=False, hmr=False,
-                        instrumented=True, app_type=AppType.NG):
+                        instrumented=True):
     result = Tns.run(app_name=app_name, platform=platform, emulator=True, wait=False,
                      bundle=bundle, aot=aot, uglify=uglify, hmr=hmr)
     # Check logs
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, bundle=bundle,
-                                   hmr=hmr, instrumented=instrumented, app_type=app_type)
+                                   hmr=hmr, instrumented=instrumented, app_type=AppType.NG)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=300)
 
     # Verify it looks properly
@@ -33,7 +34,7 @@ def sync_hello_world_ng(app_name, platform, device, bundle=False, uglify=False,
     Sync.replace(app_name=app_name, change_set=Changes.NGHelloWorld.TS)
     device.wait_for_text(text=Changes.NGHelloWorld.TS.new_text)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
-                                   file_name='item.service.ts', hmr=hmr, instrumented=instrumented, app_type=app_type)
+                                   file_name='item.service.ts', hmr=hmr, instrumented=instrumented, app_type=AppType.NG)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     Sync.replace(app_name=app_name, change_set=Changes.NGHelloWorld.HTML)
@@ -46,7 +47,7 @@ def sync_hello_world_ng(app_name, platform, device, bundle=False, uglify=False,
     assert not device.is_text_visible(text=Changes.NGHelloWorld.TS.new_text)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
                                    file_name='items.component.html', hmr=hmr, instrumented=instrumented,
-                                   app_type=app_type, aot=aot)
+                                   app_type=AppType.NG, aot=aot)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     Sync.replace(app_name=app_name, change_set=Changes.NGHelloWorld.CSS)
@@ -59,29 +60,29 @@ def sync_hello_world_ng(app_name, platform, device, bundle=False, uglify=False,
             device.wait_for_text(text=number)
     assert not device.is_text_visible(text=Changes.NGHelloWorld.TS.new_text)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
-                                   file_name='app.css', hmr=hmr, instrumented=instrumented, app_type=app_type)
+                                   file_name='app.css', hmr=hmr, instrumented=instrumented, app_type=AppType.NG)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     # Revert changes
     Sync.revert(app_name=app_name, change_set=Changes.NGHelloWorld.HTML)
     device.wait_for_text(text=Changes.NGHelloWorld.TS.new_text)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
                                    file_name='items.component.html', hmr=hmr, instrumented=instrumented,
-                                   app_type=app_type, aot=aot)
+                                   app_type=AppType.NG, aot=aot)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     Sync.revert(app_name=app_name, change_set=Changes.NGHelloWorld.TS)
     device.wait_for_text(text=Changes.NGHelloWorld.TS.old_text)
     device.wait_for_main_color(color=Colors.DARK)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
-                                   file_name='item.service.ts', hmr=hmr, instrumented=instrumented, app_type=app_type)
+                                   file_name='item.service.ts', hmr=hmr, instrumented=instrumented, app_type=AppType.NG)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     Sync.revert(app_name=app_name, change_set=Changes.NGHelloWorld.CSS)
     device.wait_for_main_color(color=Colors.WHITE)
     device.wait_for_text(text=Changes.NGHelloWorld.TS.old_text)
     strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.INCREMENTAL, bundle=bundle,
-                                   file_name='app.css', hmr=hmr, instrumented=instrumented, app_type=app_type)
+                                   file_name='app.css', hmr=hmr, instrumented=instrumented, app_type=AppType.NG)
     TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings, timeout=180)
 
     # Assert final and initial states are same

products/nativescript/tns_logs.py

@@ -64,6 +64,7 @@ def run_messages(app_name, platform, run_type=RunType.FULL, bundle=False, hmr=Fa
         :param file_name: Name of changed file.
         :param instrumented: If true it will return logs we place inside app (see files in assets/logs).
         :param plugins: List of plugins.
+        :param aot: True if `--env.aot is specified.`
         :return: Array of strings.
         """
         if plugins is None:
@@ -73,35 +74,31 @@ def run_messages(app_name, platform, run_type=RunType.FULL, bundle=False, hmr=Fa
             bundle = True
 
         # Generate prepare messages
-        if not app_type == AppType.NG:
-            if run_type in [RunType.FIRST_TIME, RunType.FULL]:
-                logs.extend(TnsLogs.prepare_messages(platform=platform, plugins=plugins))
+        if run_type in [RunType.FIRST_TIME, RunType.FULL]:
+            logs.extend(TnsLogs.prepare_messages(platform=platform, plugins=plugins))
 
         # Generate build messages
         # TODO: Check if file is in app resources and require native build
-        if not app_type == AppType.NG:
-            logs.extend(TnsLogs.build_messages(platform=platform, run_type=run_type))
+        logs.extend(TnsLogs.build_messages(platform=platform, run_type=run_type))
 
         # App install messages
-        if not app_type == AppType.NG:
-            if run_type in [RunType.FIRST_TIME, RunType.FULL]:
-                logs.append('Installing on device')
-                logs.append('Successfully installed')
+        if run_type in [RunType.FIRST_TIME, RunType.FULL]:
+            logs.append('Installing on device')
+            logs.append('Successfully installed')
 
         # File transfer messages
         logs.extend(TnsLogs.__file_changed_messages(run_type=run_type, file_name=file_name, platform=platform,
                                                     bundle=bundle, hmr=hmr, uglify=uglify, aot=aot))
         if run_type in [RunType.FIRST_TIME, RunType.FULL]:
-            if not app_type == AppType.NG:
-                if not bundle and not hmr:
-                    if platform == Platform.IOS:
-                        logs.append('Successfully transferred all files on device')
-                if bundle or hmr:
-                    if platform == Platform.IOS:
-                        logs.append('Successfully transferred bundle.js on device')
-                        logs.append('Successfully transferred package.json on device')
-                        logs.append('Successfully transferred starter.js on device')
-                        logs.append('Successfully transferred vendor.js on device')
+            if not bundle and not hmr:
+                if platform == Platform.IOS:
+                    logs.append('Successfully transferred all files on device')
+            if bundle or hmr:
+                if platform == Platform.IOS:
+                    logs.append('Successfully transferred bundle.js on device')
+                    logs.append('Successfully transferred package.json on device')
+                    logs.append('Successfully transferred starter.js on device')
+                    logs.append('Successfully transferred vendor.js on device')
 
         # App restart messages:
         if TnsLogs.__should_restart(run_type=run_type, bundle=bundle, hmr=hmr, file_name=file_name):
@@ -139,7 +136,8 @@ def __file_changed_messages(run_type, file_name, platform, bundle, hmr, uglify,
             if bundle:
                 logs.append('File change detected.')
                 logs.append('Starting incremental webpack compilation...')
-                logs.append(file_name)
+                if '.vue' not in file_name:
+                    logs.append(file_name)
                 # When env.aot html files are processed differently and you wont see
                 # the exact file name in the log
                 if aot:
@@ -211,18 +209,15 @@ def __app_refresh_messages(instrumented, app_type, hmr=False, file_name=None):
 
     @staticmethod
     def __webpack_messages():
-        logs = []
-        logs.append('File change detected.')
-        logs.append('Starting incremental webpack compilation...')
-        logs.append('Webpack compilation complete.')
-        logs.append('Webpack build done!')
-        return logs
+        return ['File change detected.',
+                'Starting incremental webpack compilation...',
+                'Webpack compilation complete.',
+                'Webpack build done!']
 
     @staticmethod
     def preview_initial_messages(platform, bundle=False, hmr=False, instrumented=False):
         logs = ['Start sending initial files for platform {0}'.format(str(platform)),
                 'Successfully sent initial files for platform {0}'.format(str(platform))]
-
         if bundle or hmr:
             logs.extend(TnsLogs.__webpack_messages())
         if instrumented:

run_common.py

@@ -44,7 +44,8 @@ def __get_templates():
     local_folder = os.path.join(Settings.TEST_SUT_HOME, 'templates')
     Git.clone(repo_url=Template.REPO, branch=branch, local_folder=local_folder)
 
-    apps = [Template.HELLO_WORLD_JS, Template.HELLO_WORLD_TS, Template.HELLO_WORLD_NG, Template.MASTER_DETAIL_NG]
+    apps = [Template.HELLO_WORLD_JS, Template.HELLO_WORLD_TS, Template.HELLO_WORLD_NG, Template.MASTER_DETAIL_NG,
+            Template.VUE_BLANK]
     for app in apps:
         template_name = app.name
         template_folder = os.path.join(local_folder, 'packages', template_name)

tests/vue/test_vue_run.py

@@ -0,0 +1,53 @@
+import os
+import unittest
+
+from core.base_test.tns_run_test import TnsRunTest
+from core.enums.os_type import OSType
+from core.enums.platform_type import Platform
+from core.settings import Settings
+from core.utils.file_utils import Folder
+from data.sync.blank_vue import sync_blank_vue
+from data.templates import Template
+from products.nativescript.tns import Tns
+
+
+class VueJSTests(TnsRunTest):
+    app_name = Settings.AppName.DEFAULT
+    source_project_dir = os.path.join(Settings.TEST_RUN_HOME, app_name)
+    target_project_dir = os.path.join(Settings.TEST_RUN_HOME, 'data', 'temp', app_name)
+
+    @classmethod
+    def setUpClass(cls):
+        TnsRunTest.setUpClass()
+
+        # Create app
+        Tns.create(app_name=cls.app_name, template=Template.VUE_BLANK.local_package, update=True)
+        Tns.platform_add_android(app_name=cls.app_name, framework_path=Settings.Android.FRAMEWORK_PATH)
+        if Settings.HOST_OS is OSType.OSX:
+            Tns.platform_add_ios(app_name=cls.app_name, framework_path=Settings.IOS.FRAMEWORK_PATH)
+
+        # Copy TestApp to data folder.
+        Folder.copy(source=cls.source_project_dir, target=cls.target_project_dir)
+
+    def setUp(self):
+        TnsRunTest.setUp(self)
+        # "src" folder of TestApp will be restored before each test.
+        # This will ensure failures in one test do not cause common failures.
+        source_src = os.path.join(self.target_project_dir, 'app')
+        target_src = os.path.join(self.source_project_dir, 'app')
+        Folder.clean(target_src)
+        Folder.copy(source=source_src, target=target_src)
+
+    def test_100_run_android_bundle(self):
+        sync_blank_vue(self.app_name, Platform.ANDROID, self.emu, bundle=True)
+
+    @unittest.skipIf(Settings.HOST_OS != OSType.OSX, 'iOS tests can be executed only on macOS.')
+    def test_100_run_ios_bundle(self):
+        sync_blank_vue(self.app_name, Platform.IOS, self.sim, bundle=True)
+
+    def test_200_run_android_bundle_hmr(self):
+        sync_blank_vue(self.app_name, Platform.ANDROID, self.emu, hmr=True)
+
+    @unittest.skipIf(Settings.HOST_OS != OSType.OSX, 'iOS tests can be executed only on macOS.')
+    def test_200_run_ios_bundle_hmr(self):
+        sync_blank_vue(self.app_name, Platform.IOS, self.sim, hmr=True)