Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 1 | /** |
| 2 | * © OpenCORD |
| 3 | * |
| 4 | * Created by teone on 3/24/16. |
| 5 | */ |
| 6 | |
| 7 | (function () { |
| 8 | 'use strict'; |
| 9 | |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 10 | const mockData = [ |
| 11 | { |
| 12 | id: 1, |
| 13 | first_name: 'Jon', |
| 14 | last_name: 'Snow', |
| 15 | hidden_field: 'hidden' |
| 16 | } |
| 17 | ]; |
| 18 | |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 19 | describe('The xos.helper module', function(){ |
| 20 | describe('The xos-smart-table component', () => { |
| 21 | |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 22 | var spy, emptySpy, scope, isolatedScope, element; |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 23 | |
| 24 | beforeEach(module('xos.helpers')); |
| 25 | |
| 26 | // mock the service |
| 27 | beforeEach(function(){ |
| 28 | module(function($provide){ |
| 29 | $provide.service('MockResource', function(){ |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 30 | this.query = jasmine.createSpy('query').and.callFake(() => { |
| 31 | return {$promise: {then: (cb) => cb(mockData)}}; |
| 32 | }); |
Matteo Scandolo | dc249eb | 2016-04-26 11:44:36 -0700 | [diff] [blame] | 33 | this.delete = jasmine.createSpy('delete').and.callFake(() => { |
| 34 | return {$promise: {then: (cb) => cb({})}}; |
| 35 | }); |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 36 | }); |
| 37 | |
| 38 | $provide.service('EmptyResource', function(){ |
| 39 | this.query = jasmine.createSpy('emptyQuery').and.callFake(() => { |
| 40 | return {$promise: {then: (cb) => cb([])}}; |
| 41 | }); |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 42 | }); |
| 43 | }); |
| 44 | }) |
| 45 | |
| 46 | beforeEach(inject(function ($compile, $rootScope, MockResource) { |
| 47 | scope = $rootScope.$new(); |
| 48 | |
| 49 | scope.config = { |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 50 | resource: 'MockResource', |
| 51 | hiddenFields: ['hidden_field'] |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 52 | }; |
| 53 | |
| 54 | spy = MockResource; |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 55 | |
| 56 | element = angular.element('<xos-smart-table config="config"></xos-smart-table>'); |
| 57 | $compile(element)(scope); |
| 58 | scope.$digest(); |
| 59 | isolatedScope = element.isolateScope().vm; |
| 60 | })); |
| 61 | |
| 62 | it('should query elements', () => { |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 63 | expect(spy.query).toHaveBeenCalled(); |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 64 | expect($(element).find('.alert').parent().parent()).toHaveClass('ng-hide'); |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 65 | }); |
| 66 | |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 67 | it('should hide hidden fields', () => { |
Matteo Scandolo | dc249eb | 2016-04-26 11:44:36 -0700 | [diff] [blame] | 68 | // the 4th field is the mocked save method |
| 69 | expect($(element).find('thead th').length).toEqual(3); |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 70 | expect($(element).find('thead th')[0]).toContainText('First name:'); |
| 71 | expect($(element).find('thead th')[1]).toContainText('Last name:'); |
Matteo Scandolo | dc249eb | 2016-04-26 11:44:36 -0700 | [diff] [blame] | 72 | expect($(element).find('thead th')[2]).toContainText('Actions:'); |
| 73 | }); |
| 74 | |
| 75 | it('should delete a model', () => { |
| 76 | $(element).find('a[title="delete"]')[0].click(); |
| 77 | expect(spy.delete).toHaveBeenCalledWith({id: mockData[0].id}); |
| 78 | expect($(element).find('.alert')).toContainText(`MockResource with id ${mockData[0].id} successfully deleted`); |
| 79 | }); |
| 80 | |
| 81 | it('should show the form', () => { |
| 82 | expect($(element).find('.panel')[0]).toHaveClass('ng-hide'); |
| 83 | $(element).find('a[title="details"]')[0].click(); |
| 84 | expect($(element).find('.panel')).not.toHaveClass('ng-hide'); |
| 85 | }); |
| 86 | |
Matteo Scandolo | f644535 | 2016-04-26 12:15:23 -0700 | [diff] [blame^] | 87 | it('should hide the form', () => { |
| 88 | isolatedScope.detailedItem = { |
| 89 | some: 'model' |
| 90 | }; |
| 91 | scope.$apply(); |
| 92 | expect($(element).find('.panel')).not.toHaveClass('ng-hide'); |
| 93 | console.log($(element).find('.panel .col-xs-1 a')); |
| 94 | $(element).find('.panel .col-xs-1 a')[0].click(); |
| 95 | expect($(element).find('.panel')[0]).toHaveClass('ng-hide'); |
| 96 | }); |
| 97 | |
Matteo Scandolo | dc249eb | 2016-04-26 11:44:36 -0700 | [diff] [blame] | 98 | it('should save an item', () => { |
| 99 | const saveMethod = jasmine.createSpy('$save').and.callFake(() => { |
| 100 | return {then: (cb) => cb(mockData[0])}; |
| 101 | }); |
| 102 | let model = { |
| 103 | id: 1, |
| 104 | first_name: 'Jon', |
| 105 | last_name: 'Snow', |
| 106 | hidden_field: 'hidden', |
| 107 | $save: saveMethod |
| 108 | }; |
| 109 | isolatedScope.detailedItem = model; |
| 110 | scope.$apply(); |
| 111 | $(element).find('xos-form .btn.btn-success').click(); |
| 112 | expect(saveMethod).toHaveBeenCalled(); |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 113 | }); |
| 114 | |
Matteo Scandolo | f644535 | 2016-04-26 12:15:23 -0700 | [diff] [blame^] | 115 | |
Matteo Scandolo | ba1d35c | 2016-04-26 10:10:54 -0700 | [diff] [blame] | 116 | describe('when fetching an empty collection', () => { |
| 117 | beforeEach(inject(function ($compile, $rootScope, EmptyResource) { |
| 118 | scope = $rootScope.$new(); |
| 119 | |
| 120 | scope.config = { |
| 121 | resource: 'EmptyResource' |
| 122 | }; |
| 123 | |
| 124 | emptySpy = EmptyResource; |
| 125 | |
| 126 | element = angular.element('<xos-smart-table config="config"></xos-smart-table>'); |
| 127 | $compile(element)(scope); |
| 128 | scope.$digest(); |
| 129 | isolatedScope = element.isolateScope().vm; |
| 130 | })); |
| 131 | |
| 132 | it('should display an alert', () => { |
| 133 | expect(emptySpy.query).toHaveBeenCalled(); |
| 134 | expect($(element).find('.alert').parent().parent()).not.toHaveClass('ng-hide'); |
| 135 | expect($(element).find('.alert')).toContainText('No data to show'); |
| 136 | }); |
| 137 | }); |
| 138 | |
| 139 | |
Matteo Scandolo | aaa733d | 2016-04-26 08:42:51 -0700 | [diff] [blame] | 140 | }); |
| 141 | }); |
| 142 | })(); |