Changeset 2113:a134102bfd9a for tests/functional/spec/page_tabs.js

Timestamp:

09/27/13 16:18:17 (12 years ago)

Author:

Nicolas <nikrou77@…>

Branch:

default

Children:

2114:7f63aa8eeebf, 2134:b3b9847a5d45

Message:

Refactoring for jQuery pageTabs plugin
Navigation in history comes back (onhashchange)
Fix ie7-hashchange to not use $.browser
Fix use of trigger for onetabload and tabload events

Add tests for onhashchange
Add tests for onetabload and tabload event
(Tested on chrome, IE8 and firefox 24)

File:

• tests/functional/spec/page_tabs.js (modified) (3 diffs)

tests/functional/spec/page_tabs.js

@@ -41 +41 @@
           expect($('#part-user-favorites')).not.toBeVisible();
 
-          $('.part-tabs ul li a[href="#user-profile"]').click();
+          $.pageTabs.clickTab('user-profile');
           expect($('#part-tabs-user-profile')).toHaveClass('part-tabs-active');      
           expect($('#part-user-options')).not.toBeVisible();
@@ -51 +51 @@
           loadStyleFixtures('default.css');
 
-          spyOn(jQuery, 'pageTabsGetHash').andReturn('user-favorites');
+          spyOn(jQuery.pageTabs, 'getLocationHash').andReturn('user-favorites');
           $.pageTabs();
           expect($('#part-user-options')).not.toBeVisible();
@@ -57 +57 @@
           expect($('#part-user-favorites')).toBeVisible();       
      });
+
+     it("Must trigger event onetabload only the first time the tab is loaded", function() {
+          loadFixtures('tabs.html');
+          loadStyleFixtures('default.css');
+
+          var user_option_count_call = user_profile_count_call = user_favorites_count_call = 0;
+          spyOn(jQuery.fn, 'onetabload').andCallThrough();
+          $('#user-options').onetabload(function() {user_option_count_call++;});
+          $('#user-profile').onetabload(function() {user_profile_count_call++;});
+          $('#user-favorites').onetabload(function() {user_favorites_count_call++;});
+
+          $.pageTabs('user-options');
+          expect(jQuery.fn.onetabload).toHaveBeenCalled();
+          $.pageTabs.clickTab('user-profile');
+          $.pageTabs.clickTab('user-options');
+
+          expect(user_option_count_call).toBe(1);
+          expect(user_profile_count_call).toBe(1);
+          expect(user_favorites_count_call).toBe(0);
+     });
+
+     it("Must trigger event tabload every first time the tab is loaded", function() {
+          loadFixtures('tabs.html');
+          loadStyleFixtures('default.css');
+          
+          spyOn(jQuery.fn, 'tabload').andCallThrough();
+
+          var user_option_count_call = user_profile_count_call = user_favorites_count_call = 0;
+          $('#user-options').tabload(function() {user_option_count_call++;});
+          $('#user-profile').tabload(function() {user_profile_count_call++;});
+          $('#user-favorites').tabload(function() {user_favorites_count_call++;});
+     
+          $.pageTabs('user-options');
+          $.pageTabs.clickTab('user-profile');
+          $.pageTabs.clickTab('user-options');
+
+          expect(user_option_count_call).toBe(2);
+          expect(user_profile_count_call).toBe(1);
+          expect(user_favorites_count_call).toBe(0);
+     });
+
+     it("Must keeps history of navigation in tabs", function() {
+          loadFixtures('tabs.html');
+          loadStyleFixtures('default.css');
+
+          var navigation = ['user-options', 'user-profile', 'user-favorites'];
+          var current_index = 0;
+
+          $.pageTabs(navigation[current_index]);
+          current_index++;
+          expect($('#part-user-options')).toBeVisible();
+          expect($('#part-user-profile')).not.toBeVisible();
+          expect($('#part-user-favorites')).not.toBeVisible();
+          
+          $.pageTabs.clickTab(navigation[current_index]);
+          current_index++;
+          expect($('#part-user-options')).not.toBeVisible();
+          expect($('#part-user-profile')).toBeVisible();
+          expect($('#part-user-favorites')).not.toBeVisible();
+
+          $.pageTabs.clickTab(navigation[current_index]);
+          expect($('#part-user-options')).not.toBeVisible();
+          expect($('#part-user-profile')).not.toBeVisible();
+          expect($('#part-user-favorites')).toBeVisible();
+
+          // simulate back : window.history.back();
+          current_index--;
+          spyOn(jQuery.pageTabs, 'getLocationHash').andReturn(navigation[current_index]);
+          jQuery.event.trigger('hashchange');
+          
+          expect($('#part-user-options')).not.toBeVisible();
+          expect($('#part-user-profile')).toBeVisible();
+          expect($('#part-user-favorites')).not.toBeVisible();
+     });
 });