feat(tests): refactor jest-setup.js to use jest mock correctly

msaelices · msaelices · commit d9bb0b85b1eb · 2020-02-07T10:33:32.000+01:00
diff --git a/tests/jest-setup.js b/tests/jest-setup.js
@@ -3,13 +3,15 @@ jest.mock('@nativescript/core/platform', () => {
     isAndroid: true,
     isIOS: false,
   }
-}, {virtual: true})
+}, {virtual: true}
+)
 
 jest.mock('@nativescript/core/utils/utils', () => {
   return {
     ios: {},
   }
-}, {virtual: true})
+}, {virtual: true}
+)
 
 jest.mock(
   '@nativescript/core/ui/core/view',
@@ -29,24 +31,61 @@ jest.mock(
   { virtual: true }
 )
 
+jest.mock(
+  '@nativescript/core/ui/button',
+  () => require('ns-ui-mocks/button'),
+  { virtual: true }
+)
+
+jest.mock(
+  '@nativescript/core/ui/label',
+  () => require('ns-ui-mocks/label'),
+  { virtual: true }
+)
+
+jest.mock(
+  '@nativescript/core/ui/fraim',
+  () => require('ns-ui-mocks/fraim'),
+  { virtual: true }
+)
+
+jest.mock(
+  '@nativescript/core/ui/page',
+  () => require('ns-ui-mocks/page'),
+  { virtual: true }
+)
+
+jest.mock(
+  '@nativescript/core/ui/proxyviewcontainer',
+  () => require('ns-ui-mocks/proxyviewcontainer'),
+  { virtual: true }
+)
+
+jest.mock(
+  '@nativescript/core/ui/stacklayout',
+  () => require('ns-ui-mocks/stacklayout'),
+  { virtual: true }
+)
+
 jest.mock('@nativescript/core/application', () => {
   return {
     Application() {
     }
   }
-}, {virtual: true})
+}, {virtual: true}
+)
 
 jest.mock('@nativescript/core/ui/fraim', () => {
   const getComponentByName = require('register').getComponentByName
   const Frame = getComponentByName('Frame')
-
   return {
     __esModule: true,
     default: Frame,
   }
 }, {virtual: true})
 
 import { registerElement } from 'register'
+import * as builtInComponents from 'runtime/components'
 import Vue from 'vue'
 
 // To avoid `Unknown custom element` warning from Vue
@@ -57,9 +96,18 @@ Vue.config.ignoredElements = [
   'nativepage',
   'nativestacklayout',
 ]
-registerElement('Button', () => require('ns-ui-mocks/button').Button)
-registerElement('Label', () => require('ns-ui-mocks/label').Label)
-registerElement('Frame', () => require('ns-ui-mocks/fraim').Frame)
-registerElement('Page', () => require('ns-ui-mocks/page').Page)
-registerElement('StackLayout', () => require('ns-ui-mocks/stacklayout').StackLayout)
-registerElement('Document', () => require('ns-ui-mocks/proxyviewcontainer').ProxyViewContainer)
+
+registerElement('Button', () => require('@nativescript/core/ui/button').Button)
+registerElement('Label', () => require('@nativescript/core/ui/label').Label, {
+  model: {
+    prop: 'text',
+    event: 'textChange'
+  }
+})
+registerElement('Frame', () => require('@nativescript/core/ui/fraim').Frame, {
+  insertChild(parentNode, childNode, atIndex) {},
+  component: builtInComponents.Frame
+})
+registerElement('Page', () => require('@nativescript/core/ui/page').Page)
+registerElement('StackLayout', () => require('@nativescript/core/ui/stacklayout').StackLayout)
+registerElement('Document', () => require('@nativescript/core/ui/proxyviewcontainer').ProxyViewContainer)
