Skip to content

Commit 821bdaa

Browse files
author
Carlos Lizaga
committed
Added accordion.test.js for Jasmine testing.
Removed accordion.js and index.html for jsTestDriver test.
1 parent 3a907c2 commit 821bdaa

File tree

3 files changed

+81
-88
lines changed

3 files changed

+81
-88
lines changed

dev/tests/js/JsTestDriver/testsuite/mage/accordion/accordion.js

Lines changed: 0 additions & 57 deletions
This file was deleted.

dev/tests/js/JsTestDriver/testsuite/mage/accordion/index.html

Lines changed: 0 additions & 31 deletions
This file was deleted.
Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/**
2+
* Copyright © Magento, Inc. All rights reserved.
3+
* See COPYING.txt for license details.
4+
*/
5+
define([
6+
'jquery',
7+
'mage/accordion'
8+
], function ($) {
9+
'use strict';
10+
11+
describe('Test for mage/accordion jQuery plugin', function () {
12+
it('check if accordion can be initialized', function () {
13+
var accordion = $("<div/>");
14+
15+
accordion.accordion();
16+
expect(accordion.is(':mage-accordion')).toBeTruthy();
17+
18+
accordion.accordion('destroy');
19+
expect(accordion.is(':mage-accordion')).toBeFalsy();
20+
});
21+
it('check one-collapsible element accordion', function () {
22+
var accordion = $('<div/>'),
23+
title1 = $('<div data-role="collapsible"></div>').appendTo(accordion),
24+
content1 = $('<div data-role="content"></div>').appendTo(accordion),
25+
title2 = $('<div data-role="collapsible"></div>').appendTo(accordion),
26+
content2 = $('<div data-role="content"></div>').appendTo(accordion);
27+
28+
accordion.appendTo("body");
29+
30+
accordion.accordion();
31+
32+
expect(accordion.is(':mage-accordion')).toBeTruthy();
33+
34+
expect(content1.is(':visible')).toBeTruthy();
35+
expect(content2.is(':hidden')).toBeTruthy();
36+
37+
title2.trigger('click');
38+
39+
expect(content1.is(':hidden')).toBeTruthy();
40+
expect(content2.is(':visible')).toBeTruthy();
41+
42+
title1.trigger('click');
43+
44+
expect(content1.is(':visible')).toBeTruthy();
45+
expect(content2.is(':hidden')).toBeTruthy();
46+
47+
accordion.accordion('destroy');
48+
49+
expect(accordion.is(':mage-accordion')).toBeFalsy();
50+
});
51+
it('check multi-collapsible element accordion', function () {
52+
var accordion = $('<div/>');
53+
54+
$('<div data-role="collapsible"></div>').appendTo(accordion);
55+
56+
var content1 = $('<div data-role="content"></div>').appendTo(accordion),
57+
title2 = $('<div data-role="collapsible"></div>').appendTo(accordion),
58+
content2 = $('<div data-role="content"></div>').appendTo(accordion);
59+
60+
accordion.appendTo("body");
61+
62+
accordion.accordion({
63+
multipleCollapsible: true
64+
});
65+
66+
expect(accordion.is(':mage-accordion')).toBeTruthy();
67+
68+
expect(content1.is(':visible')).toBeTruthy();
69+
expect(content2.is(':hidden')).toBeTruthy();
70+
71+
title2.trigger('click');
72+
73+
expect(content1.is(':visible')).toBeTruthy();
74+
expect(content2.is(':visible')).toBeTruthy();
75+
76+
accordion.accordion('destroy');
77+
78+
expect(accordion.is(':mage-accordion')).toBeFalsy();
79+
});
80+
});
81+
});

0 commit comments

Comments
 (0)