feat: add preview tests for vue

Author: dtopuzov

data/sync/blank_vue.py

@@ -4,6 +4,7 @@
 import os
 
 from core.enums.app_type import AppType
+from core.log.log import Log
 from core.settings import Settings
 from core.utils.wait import Wait
 from data.changes import Changes, Sync
@@ -13,13 +14,29 @@
 from products.nativescript.tns_logs import TnsLogs
 
 
-def sync_blank_vue(app_name, platform, device, bundle=False, hmr=False, instrumented=False):
+def __run_vue(app_name, platform, bundle, hmr):
     # 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)
+    return 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)
+
+def __preview_vue(app_name, bundle, hmr):
+    # Execute `tns run` and wait until logs are OK
+    return Tns.preview(app_name=app_name, bundle=bundle, hmr=hmr)
+
+
+def __workflow(preview, app_name, platform, device, bundle=False, hmr=False):
+    # Execute tns command
+    if preview:
+        result = __preview_vue(app_name=app_name, bundle=bundle, hmr=hmr)
+    else:
+        result = __run_vue(app_name=app_name, platform=platform, bundle=bundle, hmr=hmr)
+
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        strings = TnsLogs.run_messages(app_name=app_name, platform=platform, run_type=RunType.FULL, bundle=bundle,
+                                       hmr=hmr, app_type=AppType.VUE)
+        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)
@@ -29,49 +46,78 @@ def sync_blank_vue(app_name, platform, device, bundle=False, hmr=False, instrume
 
     # 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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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)
+    if preview:
+        Log.info('Skip logs checks.')
+    else:
+        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')
+        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.'
+    if hmr:
+        Log.info('Skip next steps because of https://github.com/nativescript-vue/nativescript-vue/issues/425')
+    else:
+        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)
+
+
+def sync_blank_vue(app_name, platform, device, bundle=False, hmr=False):
+    __workflow(preview=False, app_name=app_name, platform=platform, device=device, bundle=bundle, hmr=hmr)
+
+
+def preview_blank_vue(app_name, platform, device, bundle=False, hmr=False):
+    __workflow(preview=True, app_name=app_name, platform=platform, device=device, bundle=bundle, hmr=hmr)

products/nativescript/preview_helpers.py

@@ -1,6 +1,7 @@
 import os
 import re
 import time
+
 from core.enums.platform_type import Platform
 from core.settings import Settings
 from core.settings.Settings import TEST_SUT_HOME, TEST_RUN_HOME
@@ -97,9 +98,8 @@ def dismiss_simulator_alert():
         run(command)
 
     @staticmethod
-    def run_app(app_name, platform, device, bundle=False, hmr=False, uglify=False, aot=False,
-                instrumented=False):
-        result = Tns.preview(app_name=app_name, bundle=bundle, hmr=hmr, aot=aot, uglify=uglify)
+    def run_app(app_name, platform, device, bundle=False, hmr=False, instrumented=False):
+        result = Tns.preview(app_name=app_name, bundle=bundle, hmr=hmr)
 
         # Read the log and extract the url to load the app on emulator
         log = File.read(result.log_file)

products/nativescript/tns.py

@@ -299,6 +299,26 @@ def debug(app_name, platform, emulator=False, device=None, release=False, provis
             pass
         return result
 
+    @staticmethod
+    def preview(app_name, bundle=False, hmr=False, log_trace=True, verify=True, timeout=120):
+        """
+        Execute `tns preview` command.
+        :param app_name: Pass --path <app_name>.
+        :param bundle: If true pass --bundle.
+        :param hmr: If true pass --hmr.
+        :param log_trace: If true pass --log trace.
+        :param verify: If true verify some logs.
+        :param timeout: Timeout in seconds.
+        :return: Result of `tns preview` command.
+        """
+        result = Tns.exec_command(command='preview', path=app_name, bundle=bundle, hmr=hmr, wait=False,
+                                  log_trace=log_trace, timeout=timeout)
+        if verify:
+            strings = [
+                'Use NativeScript Playground app and scan the QR code above to preview the application on your device']
+            TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
+        return result
+
     @staticmethod
     def test_init(app_name, framework, verify=True):
         """
@@ -381,15 +401,3 @@ def kill():
         else:
             Process.kill(proc_name='node', proc_cmdline=Settings.Executables.TNS)
             Process.kill_by_commandline(cmdline='webpack.js')
-
-    @staticmethod
-    def preview(app_name, bundle=False, hmr=False, aot=False, uglify=False, wait=False,
-                log_trace=True, verify=True, timeout=60):
-        result = Tns.exec_command(command='preview', path=app_name, bundle=bundle, hmr=hmr, aot=aot, uglify=uglify,
-                                  wait=wait, log_trace=log_trace, timeout=timeout)
-        if verify:
-            strings = [
-                'Use NativeScript Playground app and scan the QR code above to preview the application on your device']
-            TnsLogs.wait_for_log(log_file=result.log_file, string_list=strings)
-
-        return result

tests/vue/test_vue_preview.py

@@ -0,0 +1,58 @@
+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 preview_blank_vue
+from data.templates import Template
+from products.nativescript.preview_helpers import Preview
+from products.nativescript.tns import Tns
+
+
+class VueJSPreviewTests(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()
+        Preview.install_preview_app(cls.emu, Platform.ANDROID)
+        if Settings.HOST_OS is OSType.OSX:
+            Preview.install_preview_app(cls.sim, Platform.IOS)
+            Preview.install_playground_app(cls.sim, Platform.IOS)
+
+        # 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_preview_android_bundle(self):
+        preview_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_preview_ios_bundle(self):
+        preview_blank_vue(self.app_name, Platform.IOS, self.sim, bundle=True)
+
+    def test_200_preview_android_bundle_hmr(self):
+        preview_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_preview_ios_bundle_hmr(self):
+        preview_blank_vue(self.app_name, Platform.IOS, self.sim, hmr=True)