Test xosField boolean value click
diff --git a/views/ngXosLib/karma.conf.ci.js b/views/ngXosLib/karma.conf.ci.js
index a0a1c78..3bd017c 100644
--- a/views/ngXosLib/karma.conf.ci.js
+++ b/views/ngXosLib/karma.conf.ci.js
@@ -42,15 +42,12 @@
// loading ngMock
'template.module.js',
`./bower_components/angular-mocks/angular-mocks.js`,
-
- // loading templates
- `../../xos/core/xoslib/dashboards/xosDiagnostic.html`,
-
]
.concat(vendorFiles)
.concat(viewFiles)
.concat([
// loading tests
+ `xosHelpers/spec/test_helpers.js`,
`../ngXosViews/*/spec/*.test.js`,
`../ngXosViews/*/spec/**/*.mock.js`,
'xosHelpers/spec/**/*.test.js'
diff --git a/views/ngXosLib/karma.conf.js b/views/ngXosLib/karma.conf.js
index d9bbaa2..4032b49 100644
--- a/views/ngXosLib/karma.conf.js
+++ b/views/ngXosLib/karma.conf.js
@@ -21,6 +21,7 @@
'node_modules/babel-polyfill/dist/polyfill.js',
'xosHelpers/src/**/*.module.js',
'xosHelpers/src/**/*.js',
+ `xosHelpers/spec/test_helpers.js`,
`xosHelpers/spec/**/${testFiles}.test.js`
]);
diff --git a/views/ngXosLib/xosHelpers/spec/test_helpers.js b/views/ngXosLib/xosHelpers/spec/test_helpers.js
new file mode 100644
index 0000000..b78bf3d
--- /dev/null
+++ b/views/ngXosLib/xosHelpers/spec/test_helpers.js
@@ -0,0 +1,17 @@
+/**
+ * Collection of helpers for xos tests
+ */
+
+const clickElement = function (el){
+ var ev = document.createEvent("MouseEvent");
+ ev.initMouseEvent(
+ "click",
+ true /* bubble */, true /* cancelable */,
+ window, null,
+ 0, 0, 0, 0, /* coordinates */
+ false, false, false, false, /* modifier keys */
+ 0 /*left*/, null
+ );
+ el.dispatchEvent(ev);
+};
+console.log('---------------------- Test Helpers Loaded!! -----------------------');
diff --git a/views/ngXosLib/xosHelpers/spec/ui/field.test.js b/views/ngXosLib/xosHelpers/spec/ui/field.test.js
index fbf347a..8b32585 100644
--- a/views/ngXosLib/xosHelpers/spec/ui/field.test.js
+++ b/views/ngXosLib/xosHelpers/spec/ui/field.test.js
@@ -180,18 +180,17 @@
expect($(element).find('.boolean-field > a').length).toEqual(2)
});
- // NOTE .click is not working anymore
- xit('should change value to false', () => {
+ it('should change value to false', () => {
expect(isolatedScope.ngModel).toEqual(true);
- setFalse.click()
+ clickElement(setFalse[0]);
expect(isolatedScope.ngModel).toEqual(false);
});
- xit('should change value to true', () => {
+ it('should change value to true', () => {
isolatedScope.ngModel = false;
scope.$apply();
expect(isolatedScope.ngModel).toEqual(false);
- setTrue.click()
+ clickElement(setTrue[0]);
expect(isolatedScope.ngModel).toEqual(true);
});
});
@@ -319,9 +318,7 @@
expect(input).not.toHaveClass('ng-invalid');
});
});
-
});
-
});
});
})();
\ No newline at end of file
diff --git a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
index 9226443..fa02dbb 100644
--- a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
+++ b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/field/field.component.js
@@ -171,13 +171,13 @@
<a href="#"
class="btn btn-success"
ng-show="vm.ngModel"
- ng-click="vm.setBooleanVal(false)">
+ ng-click="vm.ngModel = false">
<i class="glyphicon glyphicon-ok"></i>
</a>
<a href="#"
class="btn btn-danger"
ng-show="!vm.ngModel"
- ng-click="vm.setBooleanVal(true)">
+ ng-click="vm.ngModel = true">
<i class="glyphicon glyphicon-remove"></i>
</a>
</span>
@@ -216,11 +216,6 @@
},
controller: function($attrs, XosFormHelpers, LabelFormatter){
- this.setBooleanVal = (val) => {
- console.log(`Setting ngModel to: ${val}`);
- this.ngModel = val;
- }
-
if(!this.name){
throw new Error('[xosField] Please provide a field name');
}