|
1 | 1 | (function($) { |
2 | | - // Main widget tests |
3 | | - test('Main widget', function() { |
4 | | - var cloudStack = { |
5 | | - sections: { |
6 | | - home: { |
7 | | - show: function() { return $('<div>').addClass('test123'); } |
8 | | - }, |
9 | | - sectionA: {}, |
10 | | - sectionB: {}, |
11 | | - sectionC: {} |
12 | | - }, |
| 2 | + var $cloudStack, cloudStack; |
13 | 3 |
|
14 | | - home: 'home' |
15 | | - }; |
| 4 | + module('Core widget', { |
| 5 | + setup: function() { |
| 6 | + cloudStack = { |
| 7 | + sections: { |
| 8 | + home: { |
| 9 | + show: function() { return $('<div>').addClass('test123'); } |
| 10 | + }, |
| 11 | + sectionA: {}, |
| 12 | + sectionB: {}, |
| 13 | + sectionC: {} |
| 14 | + }, |
16 | 15 |
|
17 | | - var $cloudStack = $('<div>'); |
| 16 | + home: 'home' |
| 17 | + }; |
18 | 18 |
|
19 | | - ok($cloudStack.cloudStack(cloudStack), 'Basic widget initialized'); |
| 19 | + $cloudStack = $('<div>'); |
| 20 | + ok($cloudStack.cloudStack(cloudStack), 'Basic widget initialized'); |
| 21 | + } |
| 22 | + }); |
20 | 23 |
|
21 | | - // Main containers/wrappers |
| 24 | + test('Container/wrappers', function() { |
22 | 25 | equal($cloudStack.find('[cloudStack-container]').size(), 1, 'Main sub-container present'); |
23 | 26 | equal($cloudStack.find('#main-area').size(), 1, 'Main area present'); |
| 27 | + }); |
24 | 28 |
|
25 | | - // Header |
| 29 | + test('Header', function() { |
26 | 30 | var $header = $cloudStack.find('#header'); |
27 | 31 | var $userOptions = $cloudStack.find('#user-options'); |
28 | 32 | var $notifications = $header.find('.button.notifications'); |
29 | 33 | var $notificationTotal = $notifications.find('.total span'); |
30 | 34 | var $viewSwitcher = $header.find('.button.view-switcher'); |
| 35 | + |
31 | 36 | equal($header.size(), 1, 'Header present'); |
32 | 37 | equal($userOptions.size(), 1, 'User options present'); |
33 | 38 | equal($userOptions.find('a').size(), 2, 'User options has correct # of options'); |
34 | 39 | equal($notifications.size(), 1, 'Notifications present'); |
35 | 40 | equal($notificationTotal.html(), '0', 'Notifications initialized properly'); |
36 | | - equal($viewSwitcher.size(), 1, 'View switcher present'); |
| 41 | + equal($viewSwitcher.size(), 1, 'View switcher present'); |
| 42 | + }); |
37 | 43 |
|
38 | | - // Navigation |
| 44 | + test('Navigation', function() { |
39 | 45 | var $navigation = $cloudStack.find('#navigation'); |
| 46 | + |
40 | 47 | equal($navigation.size(), 1, 'Navigation present'); |
41 | 48 | equal($navigation.find('li').size(), 4, 'Navigation has correct # of nav items'); |
| 49 | + }); |
42 | 50 |
|
43 | | - // Browser / page generation |
| 51 | + test('Browser / page generation', function() { |
44 | 52 | var $browser = $cloudStack.find('#browser'); |
45 | 53 | var $browserContainer = $browser.find('.container'); |
46 | 54 | var $homePage = $browserContainer.find('.panel div.test123'); |
47 | 55 | var $breadcrumbs = $browser.find('#breadcrumbs li'); |
48 | 56 | var $homeBreadcrumb = $browser.find('#breadcrumbs .home'); |
| 57 | + |
49 | 58 | equal($browser.size(), 1, 'Browser intialized'); |
50 | 59 | equal($homePage.size(), 1, 'Home page is visible'); |
51 | 60 | equal($breadcrumbs.size(), 0, 'No initial breadcrumbs'); |
|
0 commit comments