')[0];
704 | });
705 |
706 | it('should call FB.XFBML.parse', function () {
707 | ezfb.XFBML.parse();
708 | $rootScope.$apply();
709 |
710 | expect(fbMockCallSpy.callCount).toEqual(1);
711 |
712 | ezfb.XFBML.parse(elm);
713 | $rootScope.$apply();
714 |
715 | expect(fbMockCallSpy.callCount).toEqual(2);
716 | });
717 |
718 | it('should trigger callback with correct response', function () {
719 | ezfb.XFBML.parse(elm, fbMockCallbackSpy);
720 | $rootScope.$apply();
721 |
722 | expect(fbMockCallbackSpy.callCount).toEqual(1);
723 | expect(fbMockCallbackSpy.mostRecentCall.args[0]).toEqual(API_RESPONSE);
724 | });
725 |
726 | it('should trigger promise with correct response', function () {
727 | ezfb.XFBML.parse(elm).then(fbMockPromiseSpy);
728 | $rootScope.$apply();
729 |
730 | expect(fbMockPromiseSpy.callCount).toEqual(1);
731 | expect(fbMockPromiseSpy.mostRecentCall.args[0]).toEqual(API_RESPONSE);
732 | });
733 |
734 | it('should trigger both callback and promise with correct response', function () {
735 | ezfb.XFBML.parse(elm, fbMockCallbackSpy).then(fbMockPromiseSpy);
736 | $rootScope.$apply();
737 |
738 | expect(fbMockCallbackSpy.callCount).toEqual(1);
739 | expect(fbMockCallbackSpy.mostRecentCall.args[0]).toEqual(API_RESPONSE);
740 | expect(fbMockPromiseSpy.callCount).toEqual(1);
741 | expect(fbMockPromiseSpy.mostRecentCall.args[0]).toEqual(API_RESPONSE);
742 | });
743 | });
744 |
745 | describe('.Event', function () {
746 | /**
747 | * Ref:
748 | * https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe
749 | * https://developers.facebook.com/docs/reference/javascript/FB.Event.unsubscribe
750 | */
751 |
752 | var EVENT_NAME = 'edge.create';
753 |
754 | var ezfb, $rootScope;
755 |
756 | var subSpy, subHandlerSpy, unsubSpy, subPromiseSpy;
757 |
758 | beforeEach(function () {
759 | subSpy = jasmine.createSpy('.Event.subscribe call');
760 | subHandlerSpy = jasmine.createSpy('.Event.subscribe handler call');
761 | subPromiseSpy = jasmine.createSpy('.Event.subscribe promise call');
762 | unsubSpy = jasmine.createSpy('.Event.unsubscribe call');
763 |
764 | mockSDKApi({
765 | 'Event.subscribe': function (name, handler) {
766 | pubsub.sub(name, handler);
767 | subSpy(name, handler);
768 | },
769 | 'Event.unsubscribe': function (name, handler) {
770 | pubsub.unsub(name, handler);
771 | unsubSpy(name, handler);
772 | }
773 | });
774 |
775 | inject(function (_ezfb_, _$rootScope_) {
776 | ezfb = _ezfb_;
777 | $rootScope = _$rootScope_;
778 | });
779 |
780 | ezfb.init({
781 | appId: APP_ID
782 | });
783 | });
784 |
785 | afterEach(function () {
786 | pubsub.clear();
787 | });
788 |
789 | describe('.subscribe', function () {
790 | it('should call FB.Event.subscribe', function () {
791 | inject(function ($timeout) {
792 | ezfb.$rendered()
793 | .then(function () {
794 | ezfb.Event.subscribe(EVENT_NAME);
795 | });
796 |
797 | $rootScope.$apply();
798 |
799 | mockXFBMLrendered();
800 | $timeout.flush();
801 |
802 | expect(subSpy.mostRecentCall.args[0]).toEqual(EVENT_NAME);
803 | });
804 | });
805 |
806 | it('should trigger handler on event takes place', function () {
807 | ezfb.Event.subscribe(EVENT_NAME, subHandlerSpy);
808 | $rootScope.$apply();
809 |
810 | pubsub.pub(EVENT_NAME);
811 | expect(subHandlerSpy.callCount).toEqual(1);
812 | });
813 |
814 | it('should trigger promise on event takes place', function () {
815 | ezfb.Event.subscribe(EVENT_NAME).then(subPromiseSpy);
816 | $rootScope.$apply();
817 |
818 | pubsub.pub(EVENT_NAME);
819 | expect(subPromiseSpy.callCount).toEqual(1);
820 | });
821 |
822 | it('should trigger both handler and promise on event takes place', function () {
823 | ezfb.Event.subscribe(EVENT_NAME, subHandlerSpy).then(subPromiseSpy);
824 | $rootScope.$apply();
825 |
826 | pubsub.pub(EVENT_NAME);
827 | expect(subHandlerSpy.callCount).toEqual(1);
828 | expect(subPromiseSpy.callCount).toEqual(1);
829 | });
830 |
831 | it('should only trigger corresponding handler on event takes place', function () {
832 | var aHandler = jasmine.createSpy('a'),
833 | bHandler = jasmine.createSpy('b');
834 |
835 | ezfb.Event.subscribe('a', aHandler);
836 | ezfb.Event.subscribe('b', bHandler);
837 | $rootScope.$apply();
838 |
839 | pubsub.pub('a');
840 | expect(aHandler.callCount).toEqual(1);
841 | expect(bHandler.callCount).toEqual(0);
842 |
843 | pubsub.pub('b');
844 | expect(aHandler.callCount).toEqual(1);
845 | expect(bHandler.callCount).toEqual(1);
846 | });
847 | });
848 |
849 | describe('.unsubscribe', function () {
850 | it('should call FB.Event.unsubscribe', function () {
851 | ezfb.Event.unsubscribe(EVENT_NAME);
852 | $rootScope.$apply();
853 |
854 | expect(unsubSpy.callCount).toEqual(1);
855 | });
856 |
857 | it('should trigger both handler and promise on event takes place if called without specifying handler or a different handler', function () {
858 | ezfb.Event.subscribe(EVENT_NAME, subHandlerSpy).then(subPromiseSpy);
859 | ezfb.Event.unsubscribe(EVENT_NAME);
860 | ezfb.Event.unsubscribe(EVENT_NAME, angular.noop);
861 | $rootScope.$apply();
862 |
863 | pubsub.pub(EVENT_NAME);
864 | expect(subHandlerSpy.callCount).toEqual(1);
865 | expect(subPromiseSpy.callCount).toEqual(1);
866 | });
867 |
868 | it('should not trigger either handler or promise after being called correctly', function () {
869 | ezfb.Event.subscribe(EVENT_NAME, subHandlerSpy).then(subPromiseSpy);
870 | ezfb.Event.unsubscribe(EVENT_NAME, subHandlerSpy);
871 | $rootScope.$apply();
872 |
873 | pubsub.pub(EVENT_NAME);
874 | expect(subHandlerSpy.callCount).toEqual(0);
875 | expect(subPromiseSpy.callCount).toEqual(0);
876 | });
877 | });
878 |
879 | });
880 |
881 | describe('.AppEvents', function () {
882 | /**
883 | * Ref:
884 | * https://developers.facebook.com/docs/canvas/appevents
885 | */
886 |
887 | // FB.AppEvents.EventNames
888 | var EVENTS = [
889 | 'ACHIEVED_LEVEL', 'ADDED_PAYMENT_INFO',
890 | 'ADDED_TO_CART', 'ADDED_TO_WISHLIST',
891 | 'COMPLETED_REGISTRATION', 'COMPLETED_TUTORIAL',
892 | 'INITIATED_CHECKOUT', 'RATED', 'SEARCHED',
893 | 'SPENT_CREDITS', 'UNLOCKED_ACHIEVEMENT',
894 | 'VIEWED_CONTENT'
895 | ],
896 | // FB.AppEvents.ParameterNames
897 | PARAMS = [
898 | 'CONTENT_ID', 'CONTENT_TYPE', 'CURRENCY',
899 | 'DESCRIPTION', 'LEVEL', 'MAX_RATING_VALUE',
900 | 'NUM_ITEMS', 'PAYMENT_INFO_AVAILABLE',
901 | 'REGISTRATION_METHOD', 'SEARCH_STRING',
902 | 'SUCCESS'
903 | ];
904 |
905 |
906 | var ezfb, $rootScope;
907 |
908 | describe('.EventNames', function () {
909 | beforeEach(function () {
910 | inject(function (_ezfb_, _$rootScope_) {
911 | ezfb = _ezfb_;
912 | $rootScope = _$rootScope_;
913 | });
914 |
915 | ezfb.init({
916 | appId: APP_ID
917 | });
918 | });
919 |
920 | it('should exist', function () {
921 | expect(ezfb.AppEvents.EventNames).not.toBeUndefined();
922 | });
923 |
924 | angular.forEach(EVENTS, function (name) {
925 | it('should have name `'+ name +'`', function () {
926 | expect(ezfb.AppEvents.EventNames[name]).not.toBeUndefined();
927 | });
928 | });
929 | });
930 |
931 | describe('.ParameterNames', function () {
932 | beforeEach(function () {
933 | inject(function (_ezfb_, _$rootScope_) {
934 | ezfb = _ezfb_;
935 | $rootScope = _$rootScope_;
936 | });
937 |
938 | ezfb.init({
939 | appId: APP_ID
940 | });
941 | });
942 |
943 | it('should exist', function () {
944 | expect(ezfb.AppEvents.ParameterNames).not.toBeUndefined();
945 | });
946 |
947 | angular.forEach(PARAMS, function (name) {
948 | it('should have name `'+ name +'`', function () {
949 | expect(ezfb.AppEvents.ParameterNames[name]).not.toBeUndefined();
950 | });
951 | });
952 | });
953 |
954 | angular.forEach([
955 | 'activateApp', 'logEvent', 'logPurchase'
956 | ], function (apiName) {
957 | describe('.'+ apiName, function () {
958 | beforeEach(function () {
959 | // They don't have callback
960 | mockSDKApi('AppEvents.'+ apiName, function () {
961 | var args = [].slice.call(arguments);
962 |
963 | fbMockCallSpy.apply(jasmine, args);
964 | });
965 |
966 | inject(function (_ezfb_, _$rootScope_) {
967 | ezfb = _ezfb_;
968 | $rootScope = _$rootScope_;
969 | });
970 |
971 | ezfb.init({
972 | appId: APP_ID
973 | });
974 | });
975 |
976 | it('should exists', function () {
977 | expect(ezfb.AppEvents[apiName]).not.toBeUndefined();
978 | });
979 |
980 | it('should call `FB.AppEvents.'+ apiName +'` with correct parameters', function () {
981 | var ARGS;
982 |
983 | switch (apiName) {
984 | case 'activateApp':
985 | ARGS = [];
986 | break;
987 | case 'logEvent':
988 | ARGS = ['eventName', 0.1, {'parameters': 1}];
989 | break;
990 | case 'logPurchase':
991 | ARGS = [0.99, 'TWD', {'parameters': 1}];
992 | break;
993 | }
994 |
995 | ezfb.AppEvents[apiName].apply(ezfb, ARGS);
996 | $rootScope.$apply();
997 |
998 | expect(fbMockCallSpy.callCount).toEqual(1);
999 | expect(fbMockCallSpy.mostRecentCall.args).toEqualData(ARGS);
1000 | });
1001 | });
1002 | });
1003 | });
1004 |
1005 | // TODO:
1006 | // Canvas.* APIs?
1007 | });
1008 |
1009 | });
1010 |
--------------------------------------------------------------------------------
/test/unit/pubsub.spec.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | describe('pubsub service with jqLite', function () {
4 | var EVENT_NAME = 'sweetjs';
5 |
6 | var handlerSpy;
7 |
8 | beforeEach(function () {
9 | handlerSpy = jasmine.createSpy('pubsub sub handler');
10 | });
11 |
12 | afterEach(function () {
13 | pubsub.clear();
14 | });
15 |
16 | it('should trigger handler', function () {
17 | pubsub.sub(EVENT_NAME, handlerSpy);
18 | pubsub.pub(EVENT_NAME);
19 |
20 | expect(handlerSpy.callCount).toEqual(1);
21 | });
22 |
23 | it('should not trigger handler if sub after pub', function () {
24 | pubsub.pub(EVENT_NAME);
25 | pubsub.sub(EVENT_NAME, handlerSpy);
26 |
27 | expect(handlerSpy.callCount).toEqual(0);
28 | });
29 |
30 | it('should not trigger handler after unsub', function () {
31 | pubsub.sub(EVENT_NAME, handlerSpy);
32 | pubsub.unsub(EVENT_NAME, handlerSpy);
33 | pubsub.pub(EVENT_NAME);
34 |
35 | expect(handlerSpy.callCount).toEqual(0);
36 | });
37 |
38 | it('should trigger handler if unsub with a different handler', function () {
39 | pubsub.sub(EVENT_NAME, handlerSpy);
40 | pubsub.unsub(EVENT_NAME, angular.noop);
41 | pubsub.pub(EVENT_NAME);
42 |
43 | expect(handlerSpy.callCount).toEqual(1);
44 | });
45 |
46 | it('should trigger handler if unsub without specifying handler', function () {
47 | pubsub.sub(EVENT_NAME, handlerSpy);
48 | pubsub.unsub(EVENT_NAME);
49 | pubsub.pub(EVENT_NAME);
50 |
51 | expect(handlerSpy.callCount).toEqual(1);
52 | });
53 |
54 | it('should not trigger handler after clear', function () {
55 | pubsub.sub(EVENT_NAME, handlerSpy);
56 | pubsub.clear();
57 | pubsub.pub(EVENT_NAME);
58 |
59 | expect(handlerSpy.callCount).toEqual(0);
60 | });
61 | });
62 |
--------------------------------------------------------------------------------
/test/unit/social-plugin-directive.spec.js:
--------------------------------------------------------------------------------
1 | /*jshint undef:false, multistr:true*/
2 | describe('social plugin directive', function () {
3 | 'use strict';
4 |
5 | var MODULE_NAME = 'ezfb',
6 | APP_ID = 'some fb app id',
7 | DIRECTIVES_CONFIG = {
8 | 'fb:like': ['href', 'kid_directed_site'],
9 | 'fb:share-button': ['href', 'layout'],
10 | 'fb:send': ['href', 'kid_directed_site'],
11 | 'fb:post': ['href', 'width'],
12 | 'fb:follow': ['href', 'kid_directed_site'],
13 | 'fb:comments': ['href', 'width'],
14 | 'fb:comments-count': ['href'],
15 | 'fb:activity': ['site', 'app_id'],
16 | 'fb:recommendations': ['site', 'app_id'],
17 | 'fb:recommendations-bar': ['href', 'site'],
18 | 'fb:like-box': ['href', 'show_faces'],
19 | 'fb:facepile': ['href', 'app_id'],
20 | 'fb:page': ['href', 'show_facepile'],
21 | 'fb:video': ['href', 'width'],
22 | 'fb:ad-preview': ['creative', 'ad_format'],
23 | 'fb:send-to-messenger': ['messenger_app_id', 'page_id'],
24 | 'fb:messengermessageus': ['messenger_app_id', 'page_id'],
25 | 'fb:login-button': ['scope', 'size'],
26 | 'fb:comment-embed': ['href', 'width'],
27 | 'fb:save': ['uri']
28 | },
29 | INTERESTED_ATTRS = [
30 | 'href', 'kid_directed_site', 'layout', 'width',
31 | 'site', 'show_faces', 'app_id', 'show_facepile',
32 | 'creative', 'ad_format', 'messenger_app_id', 'page_id',
33 | 'scope', 'size', 'uri'
34 | ],
35 | HELLO_RENDER_DELAY = 20,
36 | PARSE_DELAY_BY = 100;
37 |
38 | var jqLite = angular.element;
39 |
40 | var xfbmlParseSpy, onrenderSpy, xfbmlParseSpyExtra;
41 |
42 | var $scope, element, $rootScope;
43 |
44 | var $compile, $timeout, $log;
45 |
46 | beforeEach(function () {
47 | xfbmlParseSpy = jasmine.createSpy('FB.XFBML.parse call');
48 | onrenderSpy = jasmine.createSpy('directive onrender');
49 | xfbmlParseSpyExtra = jasmine.createSpy('FB.XFBML.parse call extra info')
50 | });
51 |
52 | beforeEach(function () {
53 | mockSDKApi();
54 | });
55 |
56 | beforeEach(module(MODULE_NAME, function (ezfbProvider) {
57 | ezfbProvider.setLoadSDKFunction(function (ezfbAsyncInit) {
58 | ezfbAsyncInit();
59 | });
60 | ezfbProvider.setInitParams({
61 | appId: APP_ID
62 | });
63 | }));
64 |
65 | beforeEach(module(function ($provide) {
66 | $provide.decorator('ezfb', function ($delegate, $log) {
67 | var callCount = 1;
68 |
69 | /**
70 | * Mock ezfb.XFBML.parse
71 | */
72 | $delegate.XFBML.parse = function (elm, callback) {
73 | /**
74 | * Makes different $timeout delay for each
75 | * @return {[type]} [description]
76 | */
77 | $timeout(function () {
78 | (callback || angular.noop)();
79 | }, PARSE_DELAY_BY * callCount);
80 |
81 | callCount++;
82 |
83 | var childTagName = jqLite(elm).children()[0].tagName;
84 | xfbmlParseSpy(elm, callback);
85 | xfbmlParseSpyExtra(childTagName);
86 |
87 | var $elm = jqLite(elm), obj = {};
88 | angular.forEach(INTERESTED_ATTRS, function (attrName) {
89 | var val = $elm.children().attr(attrName);
90 | if (val) {
91 | obj[attrName] = val;
92 | }
93 | });
94 | // log attr values for tests
95 | $log.debug(obj);
96 | };
97 | return $delegate;
98 | });
99 | }));
100 |
101 | beforeEach(inject(function (_$rootScope_, _$compile_, _$timeout_, _$log_) {
102 | $rootScope = _$rootScope_;
103 |
104 | $scope = $rootScope.$new();
105 | $scope.rendered = onrenderSpy;
106 | $scope.renderSwitch = false;
107 |
108 | $compile = _$compile_;
109 | $timeout = _$timeout_;
110 | $log = _$log_;
111 | $log.reset();
112 |
113 | element = $compile('
')($scope);
114 | }));
115 |
116 | afterEach(function () {
117 | dealoc(element);
118 | });
119 |
120 | function makeItRendered(callCount) {
121 | if (callCount) {
122 | $timeout.flush(PARSE_DELAY_BY * callCount);
123 | }
124 | else {
125 | $timeout.flush();
126 | }
127 | }
128 |
129 | describe('ezfbXfbml', function () {
130 | function compileDir(template) {
131 | element.append($compile(template)($scope));
132 | $scope.$apply();
133 | }
134 |
135 | beforeEach(function () {
136 | compileDir('\
137 |
\
138 | \
139 |
\
140 | ');
141 | });
142 |
143 | it('should call ezfb.XFBML.parse once', function () {
144 | expect(xfbmlParseSpy.callCount).toEqual(1);
145 | });
146 |
147 | it('should call ezfb.XFBML.parse with compiled element', function () {
148 | expect(xfbmlParseSpy.mostRecentCall.args[0]).toEqual(element.children()[0]);
149 | });
150 |
151 | it('should evaluate onrender expression after rendered', function () {
152 | expect(onrenderSpy.callCount).toEqual(0);
153 | makeItRendered();
154 | expect(onrenderSpy.callCount).toEqual(1);
155 | });
156 |
157 | it('should call ezfb.XFBML.parse on triggering rerender', function () {
158 | makeItRendered();
159 | expect(xfbmlParseSpy.callCount).toEqual(1);
160 |
161 | $scope.renderSwitch = true;
162 | $scope.$apply();
163 |
164 | $timeout.flush();
165 |
166 | expect(xfbmlParseSpy.callCount).toEqual(2);
167 | });
168 |
169 | it('should evaluate onrender expression after triggering rerender', function () {
170 | makeItRendered();
171 | expect(onrenderSpy.callCount).toEqual(1);
172 |
173 | $scope.renderSwitch = true;
174 | $scope.$apply();
175 |
176 | $timeout.flush(); // Rerender call to parse method is in a $timeout
177 |
178 | makeItRendered();
179 | expect(onrenderSpy.callCount).toEqual(2);
180 | });
181 | });
182 |
183 | describe('seemless integration', function () {
184 | function compileDir(template) {
185 | var compiled = $compile(template)($scope);
186 | element.append(compiled);
187 | }
188 |
189 | function destroyDirectiveElement () {
190 | element.children().children().remove();
191 | }
192 |
193 | function getTemplate(dirTag, attrs) {
194 | var attrsStr = '', l;
195 |
196 | if (attrs && angular.isObject(attrs)) {
197 | l = [''];
198 | angular.forEach(attrs, function (value, name) {
199 | l.push(name + '="' + value + '"');
200 | });
201 | attrsStr += l.join(' ');
202 | }
203 |
204 | return '<'+ dirTag +' onrender="rendered()"'+ attrsStr +'>';
205 | }
206 |
207 | function toCamelCase(dirTag) {
208 | var l = [];
209 | angular.forEach(dirTag.split(/-|:/), function (token, i) {
210 | if (i === 0) {
211 | l.push(token);
212 | }
213 | else {
214 | l.push(token.charAt(0).toUpperCase() + token.slice(1));
215 | }
216 | });
217 | return l.join('');
218 | }
219 |
220 | function lastLoggedAttrs () {
221 | if ($log.debug.logs.length === 0) {
222 | return null;
223 | }
224 | // $log.debug is called in the mocked ezfb.XFBML.parse
225 | return $log.debug.logs[$log.debug.logs.length - 1][0];
226 | }
227 |
228 | function makeValue(attrName) {
229 | return '_' + attrName + '_';
230 | }
231 |
232 | var WRAPPER_CLASS = 'ezfb-social-plugin-wrap';
233 |
234 | angular.forEach(DIRECTIVES_CONFIG, function (attrNames, dirTag) {
235 |
236 | describe(toCamelCase(dirTag), function () {
237 | function helloRendered() {
238 | $timeout.flush(HELLO_RENDER_DELAY);
239 | }
240 |
241 | beforeEach(function () {
242 | // Simulate init xfbml parsing
243 | $timeout(function () {
244 | mockXFBMLrendered();
245 | }, HELLO_RENDER_DELAY);
246 | });
247 |
248 | it('should call ezfb.XFBML.parse once', function () {
249 | compileDir(getTemplate(dirTag));
250 |
251 | expect(xfbmlParseSpy.callCount).toEqual(0);
252 |
253 | helloRendered();
254 |
255 | expect(xfbmlParseSpy.callCount).toEqual(1);
256 | });
257 |
258 | it('should call ezfb.XFBML.parse with wrapper element', function () {
259 | compileDir(getTemplate(dirTag));
260 | $scope.$apply();
261 |
262 | helloRendered();
263 |
264 | expect(xfbmlParseSpy.mostRecentCall.args[0]).toEqual(element.children()[0]);
265 | });
266 |
267 | it('should evaluate onrender expression after rendered', function () {
268 | compileDir(getTemplate(dirTag));
269 | $scope.$apply();
270 |
271 | helloRendered();
272 |
273 | expect(onrenderSpy.callCount).toEqual(0);
274 |
275 | makeItRendered();
276 |
277 | expect(onrenderSpy.callCount).toEqual(1);
278 | });
279 |
280 | it('should unwrap after rendered', function () {
281 | compileDir(getTemplate(dirTag));
282 | $scope.$apply();
283 |
284 | helloRendered();
285 |
286 | var classList = Array.prototype.slice.call(element.children()[0].classList);
287 | expect(classList.indexOf(WRAPPER_CLASS) >= 0).toBeTruthy();
288 |
289 | makeItRendered();
290 |
291 | expect(element.children()[0].tagName).toEqual(dirTag.toUpperCase());
292 | });
293 |
294 | it("should unwrap on $destroy even hasn't been rendered", function () {
295 | compileDir(getTemplate(dirTag));
296 | $scope.$apply();
297 |
298 | helloRendered();
299 |
300 | var classList = Array.prototype.slice.call(element.children()[0].classList);
301 | expect(classList.indexOf(WRAPPER_CLASS) >= 0).toBeTruthy();
302 |
303 | destroyDirectiveElement();
304 |
305 | expect(element.children().length).toEqual(0);
306 | });
307 |
308 | it('should call ezfb.XFBML.parse with interpolated attribute', function () {
309 | var attrs = {}, lastAttrs;
310 | attrs[attrNames[0]] = '{{v0}}';
311 | $scope.v0 = attrNames[0];
312 |
313 | compileDir(getTemplate(dirTag, attrs));
314 |
315 | expect(lastLoggedAttrs()).toBeFalsy();
316 |
317 | $scope.$apply();
318 |
319 | helloRendered();
320 |
321 | lastAttrs = lastLoggedAttrs();
322 | expect(lastAttrs[attrNames[0]]).toEqual($scope.v0);
323 | });
324 |
325 | it('should call ezfb.XFBML.parse with delay-interpolated attribute', function () {
326 | var INTERPOLATE_0 = 150;
327 |
328 | var attrs = {}, lastAttrs;
329 |
330 | attrs[attrNames[0]] = '{{v0}}';
331 |
332 | $timeout(function () {
333 | $scope.v0 = makeValue(attrNames[0]);
334 | }, INTERPOLATE_0);
335 |
336 | compileDir(getTemplate(dirTag, attrs));
337 | $scope.$apply();
338 |
339 | helloRendered();
340 |
341 | // No attr interpolated
342 | lastAttrs = lastLoggedAttrs();
343 | expect(lastAttrs[attrNames[0]]).toBeFalsy();
344 |
345 | // attrNames[0] interpolated
346 | $timeout.flush(INTERPOLATE_0);
347 |
348 | lastAttrs = lastLoggedAttrs();
349 | expect(lastAttrs[attrNames[0]]).toEqual($scope.v0);
350 | });
351 |
352 | it('should call ezfb.XFBML.parse with correct attributes when they are interpolated staggerly', function () {
353 | if (attrNames.length <= 1) {
354 | return;
355 | }
356 |
357 | var INTERPOLATE_0 = 50,
358 | INTERPOLATE_1 = 250;
359 |
360 | var attrs = {}, lastAttrs, callChildTagName;
361 |
362 | attrs[attrNames[0]] = '{{v0}}';
363 | attrs[attrNames[1]] = '{{v1}}';
364 |
365 | $timeout(function () {
366 | $scope.v0 = makeValue(attrNames[0]);
367 | }, INTERPOLATE_0);
368 | $timeout(function () {
369 | $scope.v1 = makeValue(attrNames[1]);
370 | }, INTERPOLATE_1);
371 |
372 | compileDir(getTemplate(dirTag, attrs));
373 | $scope.$apply();
374 |
375 | helloRendered();
376 |
377 | // No attr interpolated
378 | lastAttrs = lastLoggedAttrs();
379 | expect(lastAttrs[attrNames[0]]).toBeFalsy();
380 | expect(lastAttrs[attrNames[1]]).toBeFalsy();
381 | expect(xfbmlParseSpy.callCount).toEqual(1);
382 | // Make sure there's no nesting of wrapper element
383 | callChildTagName = xfbmlParseSpyExtra.mostRecentCall.args[0];
384 | expect(callChildTagName).toEqual(dirTag.toUpperCase());
385 |
386 | // attrNames[0] interpolated
387 | $timeout.flush(INTERPOLATE_0); // at 50
388 |
389 | // First call rendered
390 | makeItRendered(1); // at 100
391 |
392 | lastAttrs = lastLoggedAttrs();
393 | expect(lastAttrs[attrNames[0]]).toEqual($scope.v0);
394 | expect(lastAttrs[attrNames[1]]).toBeFalsy();
395 | expect(xfbmlParseSpy.callCount).toEqual(2);
396 | // Make sure there's no nesting of wrapper element
397 | callChildTagName = xfbmlParseSpyExtra.mostRecentCall.args[0];
398 | expect(callChildTagName).toEqual(dirTag.toUpperCase());
399 |
400 | // Second call rendered
401 | makeItRendered(2); // at 200
402 |
403 | // attrNames[1] interpolated
404 | $timeout.flush(INTERPOLATE_1); // at 250
405 |
406 | lastAttrs = lastLoggedAttrs();
407 | expect(lastAttrs[attrNames[0]]).toEqual($scope.v0);
408 | expect(lastAttrs[attrNames[1]]).toEqual($scope.v1);
409 | expect(xfbmlParseSpy.callCount).toEqual(3);
410 | // Make sure there's no nesting of wrapper element
411 | callChildTagName = xfbmlParseSpyExtra.mostRecentCall.args[0];
412 | expect(callChildTagName).toEqual(dirTag.toUpperCase());
413 | });
414 | });
415 |
416 | });
417 | });
418 |
419 | });
420 |
--------------------------------------------------------------------------------