1 | /*
|
---|
2 | * button_core.js
|
---|
3 | */
|
---|
4 |
|
---|
5 |
|
---|
6 | (function($) {
|
---|
7 |
|
---|
8 | module("button: core");
|
---|
9 |
|
---|
10 | test("checkbox", function() {
|
---|
11 | var input = $("#check");
|
---|
12 | label = $("label[for=check]");
|
---|
13 | ok( input.is(":visible") );
|
---|
14 | ok( label.is(":not(.ui-button)") );
|
---|
15 | input.button();
|
---|
16 | ok( input.is(":hidden") );
|
---|
17 | ok( label.is(".ui-button") );
|
---|
18 | });
|
---|
19 |
|
---|
20 | test("radios", function() {
|
---|
21 | var inputs = $("#radio0 input");
|
---|
22 | labels = $("#radio0 label");
|
---|
23 | ok( inputs.is(":visible") );
|
---|
24 | ok( labels.is(":not(.ui-button)") );
|
---|
25 | inputs.button();
|
---|
26 | ok( inputs.is(":hidden") );
|
---|
27 | ok( labels.is(".ui-button") );
|
---|
28 | });
|
---|
29 |
|
---|
30 | function assert(noForm, form1, form2) {
|
---|
31 | ok( $("#radio0 .ui-button" + noForm).is(".ui-state-active") );
|
---|
32 | ok( $("#radio1 .ui-button" + form1).is(".ui-state-active") );
|
---|
33 | ok( $("#radio2 .ui-button" + form2).is(".ui-state-active") );
|
---|
34 | }
|
---|
35 |
|
---|
36 | test("radio groups", function() {
|
---|
37 | $(":radio").button();
|
---|
38 | assert(":eq(0)", ":eq(1)", ":eq(2)");
|
---|
39 |
|
---|
40 | // click outside of forms
|
---|
41 | $("#radio0 .ui-button:eq(1)").click();
|
---|
42 | assert(":eq(1)", ":eq(1)", ":eq(2)");
|
---|
43 |
|
---|
44 | // click in first form
|
---|
45 | $("#radio1 .ui-button:eq(0)").click();
|
---|
46 | assert(":eq(1)", ":eq(0)", ":eq(2)");
|
---|
47 |
|
---|
48 | // click in second form
|
---|
49 | $("#radio2 .ui-button:eq(0)").click();
|
---|
50 | assert(":eq(1)", ":eq(0)", ":eq(0)");
|
---|
51 | });
|
---|
52 |
|
---|
53 | test("input type submit, don't create child elements", function() {
|
---|
54 | var input = $("#submit")
|
---|
55 | same( input.children().length, 0 );
|
---|
56 | input.button();
|
---|
57 | same( input.children().length, 0 );
|
---|
58 | });
|
---|
59 |
|
---|
60 | test("buttonset", function() {
|
---|
61 | var set = $("#radio1").buttonset();
|
---|
62 | ok( set.is(".ui-button-set") );
|
---|
63 | same( set.children(".ui-button").length, 3 );
|
---|
64 | same( set.children("input:radio:hidden").length, 3 );
|
---|
65 | ok( set.children("label:eq(0)").is(".ui-button.ui-corner-left:not(.ui-corner-all)") );
|
---|
66 | ok( set.children("label:eq(1)").is(".ui-button:not(.ui-corner-all)") );
|
---|
67 | ok( set.children("label:eq(2)").is(".ui-button.ui-corner-right:not(.ui-corner-all)") );
|
---|
68 | });
|
---|
69 |
|
---|
70 | })(jQuery);
|
---|