From 86569d8ebceec4b4c173d5fd635b968796f0361b Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 15 May 2012 10:07:05 -0400 Subject: Visual tests: Renamed files. --- tests/visual/accordion/accordion.html | 95 ---------------------- tests/visual/accordion/icons.html | 95 ++++++++++++++++++++++ tests/visual/addClass/addClass_queue.html | 52 ------------ tests/visual/addClass/queue.html | 52 ++++++++++++ .../dialog/dialog_on_page_with_large_dom.html | 71 ---------------- tests/visual/dialog/large_dom.html | 73 +++++++++++++++++ 6 files changed, 220 insertions(+), 218 deletions(-) delete mode 100644 tests/visual/accordion/accordion.html create mode 100644 tests/visual/accordion/icons.html delete mode 100644 tests/visual/addClass/addClass_queue.html create mode 100644 tests/visual/addClass/queue.html delete mode 100644 tests/visual/dialog/dialog_on_page_with_large_dom.html create mode 100644 tests/visual/dialog/large_dom.html (limited to 'tests/visual') diff --git a/tests/visual/accordion/accordion.html b/tests/visual/accordion/accordion.html deleted file mode 100644 index a9cf1d129..000000000 --- a/tests/visual/accordion/accordion.html +++ /dev/null @@ -1,95 +0,0 @@ - - - - - Accordion Visual Test - - - - - - - - - -

WHAT: The following set of nested accordions alternate between icons and no icons.

-

EXPECTED: The padding on the headers should correctly account for the icon settings.

- -
-
Icons
-
-
-
No Icons
-
-
-
Icons
-
-
-
No Icons
-
-
-
Icons
-
-
-
No Icons
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
No Icons
-
-
-
Icons
-
-
-
No Icons
-
-
-
Icons
-
-
-
No Icons
-
-
-
Icons
-
-
-
-
-
-
-
-
-
-
-
-
- - - diff --git a/tests/visual/accordion/icons.html b/tests/visual/accordion/icons.html new file mode 100644 index 000000000..a9cf1d129 --- /dev/null +++ b/tests/visual/accordion/icons.html @@ -0,0 +1,95 @@ + + + + + Accordion Visual Test + + + + + + + + + +

WHAT: The following set of nested accordions alternate between icons and no icons.

+

EXPECTED: The padding on the headers should correctly account for the icon settings.

+ +
+
Icons
+
+
+
No Icons
+
+
+
Icons
+
+
+
No Icons
+
+
+
Icons
+
+
+
No Icons
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
No Icons
+
+
+
Icons
+
+
+
No Icons
+
+
+
Icons
+
+
+
No Icons
+
+
+
Icons
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/tests/visual/addClass/addClass_queue.html b/tests/visual/addClass/addClass_queue.html deleted file mode 100644 index 616f2c7f9..000000000 --- a/tests/visual/addClass/addClass_queue.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - addClass Visual Test : Queue - - - - - - - - -

WHAT: The two boxes animate from black to red to green to blue.

-

The first box should start with a delay, the second box should start immediately.

- -
-
- - - diff --git a/tests/visual/addClass/queue.html b/tests/visual/addClass/queue.html new file mode 100644 index 000000000..21f4cc1cb --- /dev/null +++ b/tests/visual/addClass/queue.html @@ -0,0 +1,52 @@ + + + + + addClass Visual Test : Queue + + + + + + + + +

WHAT: The two boxes animate from black to red to green to blue.

+

EXPECTED: The first box should start with a delay, the second box should start immediately.

+ +
+
+ + + diff --git a/tests/visual/dialog/dialog_on_page_with_large_dom.html b/tests/visual/dialog/dialog_on_page_with_large_dom.html deleted file mode 100644 index d807b3e3f..000000000 --- a/tests/visual/dialog/dialog_on_page_with_large_dom.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - - Dialog Visual Test - Modal Dialog in Large DOM - - - - - - - - - - - - - - - - -
-

Dialog Content

- -
- - - - - - - diff --git a/tests/visual/dialog/large_dom.html b/tests/visual/dialog/large_dom.html new file mode 100644 index 000000000..e84f4b328 --- /dev/null +++ b/tests/visual/dialog/large_dom.html @@ -0,0 +1,73 @@ + + + + + Dialog Visual Test - Modal Dialog in Large DOM + + + + + + + + + + + + + + +

WHAT: A single dialog is created on a page with a large DOM.

+

EXPECTED: Creating and opening the dialog should be fast, regardless of page size.

+ + +
+

Dialog Content

+ +
+ + + + + + + -- cgit v1.2.3 From 1f2469234b15d79d97c692ed97a5eaeb67c7b697 Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 15 May 2012 10:45:13 -0400 Subject: Visual tests: Cleanup. --- tests/visual/button/button.html | 184 ++++----- tests/visual/button/button_disabled_true.html | 84 ---- tests/visual/button/button_performance.html | 555 -------------------------- tests/visual/button/button_ticket_5261.html | 42 -- tests/visual/button/button_ticket_5278.html | 58 --- tests/visual/button/performance.html | 26 ++ tests/visual/dialog/large_dom.html | 73 ---- tests/visual/dialog/performance.html | 73 ++++ 8 files changed, 168 insertions(+), 927 deletions(-) delete mode 100644 tests/visual/button/button_disabled_true.html delete mode 100644 tests/visual/button/button_performance.html delete mode 100644 tests/visual/button/button_ticket_5261.html delete mode 100644 tests/visual/button/button_ticket_5278.html create mode 100644 tests/visual/button/performance.html delete mode 100644 tests/visual/dialog/large_dom.html create mode 100644 tests/visual/dialog/performance.html (limited to 'tests/visual') diff --git a/tests/visual/button/button.html b/tests/visual/button/button.html index 7aef71f97..20bae191f 100644 --- a/tests/visual/button/button.html +++ b/tests/visual/button/button.html @@ -1,140 +1,94 @@ - + - - Button Visual push: Default - - - - - - - - - + + + + -
-
- No icon - - -
-
-
- With icon - - - - - -
+
+ + + +
+ +
+ + +
-
- +
+ + +
-
- - - +
+ + +
-
-
- - - -
-
-
-
- - - -
-
-
- - - - - - - - - - - - - - - - - - +
+ + +
-
- - +
+ + + + + +
-
- Anchor 1 - Anchor 2 - Anchor 3 - Anchor 4 +
+ + + + + +
-
- - +
+ anchor + anchor + anchor
-
- - diff --git a/tests/visual/button/button_disabled_true.html b/tests/visual/button/button_disabled_true.html deleted file mode 100644 index 83a3e9cd6..000000000 --- a/tests/visual/button/button_disabled_true.html +++ /dev/null @@ -1,84 +0,0 @@ - - - - - Button Visual Test : Button disabled true - - - - - - - - - - -
- button - -
- -
- -
- anchor - anchor 1 # Attribute "disabled" not allowed on element "a" at this point. -
- anchor 1 -
- -
- input type="button" - -
- -
- -
- input type="radio" - - - -
- - - -
- -
- input type="checkbox" - - - -
- - - -
- - - diff --git a/tests/visual/button/button_performance.html b/tests/visual/button/button_performance.html deleted file mode 100644 index 8ff6d0320..000000000 --- a/tests/visual/button/button_performance.html +++ /dev/null @@ -1,555 +0,0 @@ - - - - - Button Visual push: Default - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/tests/visual/button/button_ticket_5261.html b/tests/visual/button/button_ticket_5261.html deleted file mode 100644 index 7eddc33ae..000000000 --- a/tests/visual/button/button_ticket_5261.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - Button Visual Test : Button ticket #5261 - - - - - - - - - - -

#5261 - button change events don't fire in IE 7/8

- - - - - - diff --git a/tests/visual/button/button_ticket_5278.html b/tests/visual/button/button_ticket_5278.html deleted file mode 100644 index eed6ebdb0..000000000 --- a/tests/visual/button/button_ticket_5278.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - Button Visual Test : Button ticket #5278 - - - - - - - - - - -

#5278 - ui.buttons doesn't visually reset on form "reset" event or input "change" event

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - diff --git a/tests/visual/button/performance.html b/tests/visual/button/performance.html new file mode 100644 index 000000000..1d1884bc2 --- /dev/null +++ b/tests/visual/button/performance.html @@ -0,0 +1,26 @@ + + + + + Button Visual Test: Initialization Performance + + + + + + + + + + + diff --git a/tests/visual/dialog/large_dom.html b/tests/visual/dialog/large_dom.html deleted file mode 100644 index e84f4b328..000000000 --- a/tests/visual/dialog/large_dom.html +++ /dev/null @@ -1,73 +0,0 @@ - - - - - Dialog Visual Test - Modal Dialog in Large DOM - - - - - - - - - - - - - - -

WHAT: A single dialog is created on a page with a large DOM.

-

EXPECTED: Creating and opening the dialog should be fast, regardless of page size.

- - -
-

Dialog Content

- -
- -
    - - - - - diff --git a/tests/visual/dialog/performance.html b/tests/visual/dialog/performance.html new file mode 100644 index 000000000..e84f4b328 --- /dev/null +++ b/tests/visual/dialog/performance.html @@ -0,0 +1,73 @@ + + + + + Dialog Visual Test - Modal Dialog in Large DOM + + + + + + + + + + + + + + +

    WHAT: A single dialog is created on a page with a large DOM.

    +

    EXPECTED: Creating and opening the dialog should be fast, regardless of page size.

    + + +
    +

    Dialog Content

    + +
    + +
      + + + + + -- cgit v1.2.3 From 44a086b92cbf5a9f20cba23fc7a44d92f9eda5e2 Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 15 May 2012 12:52:18 -0400 Subject: Visual tests: Effects cleanup. --- tests/visual/effects/all.html | 217 ++++++++++++++++++++++++++++++++ tests/visual/effects/effects.all.css | 55 -------- tests/visual/effects/effects.all.html | 217 -------------------------------- tests/visual/effects/effects.all.js | 106 ---------------- tests/visual/effects/effects.css | 49 ++++++++ tests/visual/effects/effects.js | 107 ++++++++++++++++ tests/visual/effects/effects.scale.html | 159 ----------------------- tests/visual/effects/scale.html | 157 +++++++++++++++++++++++ 8 files changed, 530 insertions(+), 537 deletions(-) create mode 100644 tests/visual/effects/all.html delete mode 100644 tests/visual/effects/effects.all.css delete mode 100644 tests/visual/effects/effects.all.html delete mode 100644 tests/visual/effects/effects.all.js create mode 100644 tests/visual/effects/effects.css create mode 100644 tests/visual/effects/effects.js delete mode 100644 tests/visual/effects/effects.scale.html create mode 100644 tests/visual/effects/scale.html (limited to 'tests/visual') diff --git a/tests/visual/effects/all.html b/tests/visual/effects/all.html new file mode 100644 index 000000000..15bfcd254 --- /dev/null +++ b/tests/visual/effects/all.html @@ -0,0 +1,217 @@ + + + + + jQuery UI Effects Test Suite + + + + + + + + + + + + + + + + + + + + +
        + +
      • +
        +

        Blind up

        +
        +
        • + +
      • +
        +

        Blind down

        +
        +
        • + +
      • +
        +

        Blind left

        +
        +
        • + +
      • +
        +

        Blind right

        +
        +
        • + +
      • +
        +

        Bounce 3 times

        +
        +
        • + +
      • +
        +

        Clip horizontally

        +
        +
        • + +
      • +
        +

        Clip vertically

        +
        +
        • + +
      • + +
        • + +
      • +
        +

        Drop up

        +
        +
        • + +
      • +
        +

        Drop left

        +
        +
        • + +
      • +
        +

        Drop right

        +
        +
        • + +
      • +
        +

        Explode in 9 pieces

        +
        +
        • + +
      • +
        +

        Explode in 36 pieces

        +
        +
        • + +
      • +
        +

        Fade

        +
        +
        • + +
      • +
        +

        Fold

        +
        +
        • + +
      • +
        +

        Highlight

        +
        +
        • + +
      • +
        +

        Pulsate 2 times

        +
        +
        • + +
      • +
        +

        Puff

        +
        +
        • + +
      • +
        +

        Scale

        +
        +
        • + +
      • +
        +

        Shake

        +
        +
        • + +
      • +
        +

        Size Default Show/Hide

        +
        +
        • + +
      • +
        +

        Size Toggle

        +
        +
        • + +
      • +
        +

        Slide down

        +
        +
        • + +
      • +
        +

        Slide up

        +
        +
        • + +
      • +
        +

        Slide left

        +
        +
        • + +
      • +
        +

        Slide right

        +
        +
        • + +
      • +
        +

        Transfer to first element

        +
        +
        • + +
      • +
        +

        addClass

        +
        +
        • + +
      • +
        +

        removeClass

        +
        +
        • + +
      • +
        +

        toggleClass

        +
        +
        • + +
      • +
        +

        hide/show (jQuery)

        +
        +
        • + +
      + + + diff --git a/tests/visual/effects/effects.all.css b/tests/visual/effects/effects.all.css deleted file mode 100644 index 1d531b026..000000000 --- a/tests/visual/effects/effects.all.css +++ /dev/null @@ -1,55 +0,0 @@ - -body,html { - margin: 0; - padding: 0; - font-size: 12px; - font-family: Arial; - background: #191919; - color: #fff; -} -body { margin: 1em; } - -ul.effects { - list-style-type: none; - margin: 0; - padding: 0; -} - -ul.effects li { - list-style-type: none; - margin: 0; - padding: 0; - width: 120px; - height: 100px; - float: left; - margin-top: 20px; - margin-left: 20px; -} - -div.effect { - width: 120px; - height: 100px; - background: #ccc; - border: 5px outset #aaa; - float: left; - cursor: pointer; - cursor: hand; -} - -div.current { - border: 5px outset #FF9C08; - background: #FF9C08; -} - -div.effect p { - color: #191919; - font-weight: bold; - margin: 0px; - padding: 10px; -} - -.ui-effects-transfer { - border: 1px dotted #fff; - background: #666; - opacity: 0.5; -} diff --git a/tests/visual/effects/effects.all.html b/tests/visual/effects/effects.all.html deleted file mode 100644 index acb8dc41a..000000000 --- a/tests/visual/effects/effects.all.html +++ /dev/null @@ -1,217 +0,0 @@ - - - - - jQuery UI Effects Test Suite - - - - - - - - - - - - - - - - - - - - -
        - -
      • -
        -

        Blind up

        -
        -
        • - -
      • -
        -

        Blind down

        -
        -
        • - -
      • -
        -

        Blind left

        -
        -
        • - -
      • -
        -

        Blind right

        -
        -
        • - -
      • -
        -

        Bounce 3 times

        -
        -
        • - -
      • -
        -

        Clip horizontally

        -
        -
        • - -
      • -
        -

        Clip vertically

        -
        -
        • - -
      • - -
        • - -
      • -
        -

        Drop up

        -
        -
        • - -
      • -
        -

        Drop left

        -
        -
        • - -
      • -
        -

        Drop right

        -
        -
        • - -
      • -
        -

        Explode in 9 pieces

        -
        -
        • - -
      • -
        -

        Explode in 36 pieces

        -
        -
        • - -
      • -
        -

        Fade

        -
        -
        • - -
      • -
        -

        Fold

        -
        -
        • - -
      • -
        -

        Highlight

        -
        -
        • - -
      • -
        -

        Pulsate 2 times

        -
        -
        • - -
      • -
        -

        Puff

        -
        -
        • - -
      • -
        -

        Scale

        -
        -
        • - -
      • -
        -

        Shake

        -
        -
        • - -
      • -
        -

        Size Default Show/Hide

        -
        -
        • - -
      • -
        -

        Size Toggle

        -
        -
        • - -
      • -
        -

        Slide down

        -
        -
        • - -
      • -
        -

        Slide up

        -
        -
        • - -
      • -
        -

        Slide left

        -
        -
        • - -
      • -
        -

        Slide right

        -
        -
        • - -
      • -
        -

        Transfer to first element

        -
        -
        • - -
      • -
        -

        addClass

        -
        -
        • - -
      • -
        -

        removeClass

        -
        -
        • - -
      • -
        -

        toggleClass

        -
        -
        • - -
      • -
        -

        hide/show (jQuery)

        -
        -
        • - -
      - - - diff --git a/tests/visual/effects/effects.all.js b/tests/visual/effects/effects.all.js deleted file mode 100644 index a28c41a89..000000000 --- a/tests/visual/effects/effects.all.js +++ /dev/null @@ -1,106 +0,0 @@ - -$(function() { - var duration = 1000, wait = 500; - - $("div.effect") - .hover(function() { $(this).addClass("hover"); }, - function() { $(this).removeClass("hover"); }); - - var effect = function(el, n, o) { - - $.extend(o, { - easing: "easeOutQuint" - }); - - $(el).bind("click", function() { - - $(this).addClass("current") - // delaying the initial animation makes sure that the queue stays in tact - .delay( 10 ) - .hide( n, o, duration ) - .delay( wait ) - .show( n, o, duration, function() { - $( this ).removeClass("current"); - }); - }); - - }; - - $("#hide").click(function() { - var el = $(this); - el.addClass("current").hide(duration, function() { - setTimeout(function() { - el.show(duration, function() { el.removeClass("current"); }); - }, wait); - }); - }); - - effect("#blindLeft", "blind", { direction: "left" }); - effect("#blindUp", "blind", { direction: "up" }); - effect("#blindRight", "blind", { direction: "right" }); - effect("#blindDown", "blind", { direction: "down" }); - - effect("#bounce3times", "bounce", { times: 3 }); - - effect("#clipHorizontally", "clip", { direction: "horizontal" }); - effect("#clipVertically", "clip", { direction: "vertical" }); - - effect("#dropDown", "drop", { direction: "down" }); - effect("#dropUp", "drop", { direction: "up" }); - effect("#dropLeft", "drop", { direction: "left" }); - effect("#dropRight", "drop", { direction: "right" }); - - effect("#explode9", "explode", {}); - effect("#explode36", "explode", { pieces: 36 }); - - effect("#fade", "fade", {}); - - effect("#fold", "fold", { size: 50 }); - - effect("#highlight", "highlight", {}); - - effect("#pulsate", "pulsate", { times: 2 }); - - effect("#puff", "puff", { times: 2 }); - effect("#scale", "scale", {}); - effect("#size", "size", {}); - $("#sizeToggle").bind("click", function() { - var opts = { to: { width: 300, height: 300 }}; - $(this).addClass('current') - .toggle("size", opts, duration) - .delay(wait) - .toggle("size", opts, duration, function() { - $(this).removeClass("current"); - }); - }); - - $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); }); - - effect("#slideDown", "slide", { direction: "down" }); - effect("#slideUp", "slide", { direction: "up" }); - effect("#slideLeft", "slide", { direction: "left" }); - effect("#slideRight", "slide", { direction: "right" }); - - $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); }); - - $("#addClass").click(function() { - $(this).addClass(function() { - window.console && console.log(arguments); - return "current"; - }, duration, function() { - $(this).removeClass("current"); - }); - }); - $("#removeClass").click(function() { - $(this).addClass("current").removeClass(function() { - window.console && console.log(arguments); - return "current"; - }, duration); - }); - $("#toggleClass").click(function() { - $(this).toggleClass(function() { - window.console && console.log(arguments); - return "current"; - }, duration); - }); -}); diff --git a/tests/visual/effects/effects.css b/tests/visual/effects/effects.css new file mode 100644 index 000000000..460019f24 --- /dev/null +++ b/tests/visual/effects/effects.css @@ -0,0 +1,49 @@ +body { + margin: 1em; + padding: 0; + background: #191919; + color: #fff; +} + +ul.effects { + list-style-type: none; + margin: 0; + padding: 0; +} + +ul.effects li { + padding: 0; + width: 120px; + height: 100px; + float: left; + margin-top: 20px; + margin-left: 20px; +} + +div.effect { + width: 120px; + height: 100px; + background: #ccc; + border: 5px outset #aaa; + float: left; + cursor: pointer; + cursor: hand; +} + +div.current { + border: 5px outset #FF9C08; + background: #FF9C08; +} + +div.effect p { + color: #191919; + font-weight: bold; + margin: 0; + padding: 10px; +} + +.ui-effects-transfer { + border: 1px dotted #fff; + background: #666; + opacity: 0.5; +} diff --git a/tests/visual/effects/effects.js b/tests/visual/effects/effects.js new file mode 100644 index 000000000..624e0b128 --- /dev/null +++ b/tests/visual/effects/effects.js @@ -0,0 +1,107 @@ +$(function() { + +var duration = 1000, + wait = 500; + +function effect( elem, name, options ) { + $.extend( options, { + easing: "easeOutQuint" + }); + + $( elem ).click(function() { + $( this ) + .addClass( "current" ) + // delaying the initial animation makes sure that the queue stays in tact + .delay( 10 ) + .hide( name, options, duration ) + .delay( wait ) + .show( name, options, duration, function() { + $( this ).removeClass( "current" ); + }); + }); +} + +$( "#hide" ).click(function() { + $( this ) + .addClass( "current" ) + .hide( duration ) + .delay( wait ) + .show( duration, function() { + $( this ).removeClass( "current" ); + }); +}); + +effect( "#blindLeft", "blind", { direction: "left" } ); +effect( "#blindUp", "blind", { direction: "up" } ); +effect( "#blindRight", "blind", { direction: "right" } ); +effect( "#blindDown", "blind", { direction: "down" } ); + +effect( "#bounce3times", "bounce", { times: 3 } ); + +effect( "#clipHorizontally", "clip", { direction: "horizontal" } ); +effect( "#clipVertically", "clip", { direction: "vertical" } ); + +effect( "#dropDown", "drop", { direction: "down" } ); +effect( "#dropUp", "drop", { direction: "up" } ); +effect( "#dropLeft", "drop", { direction: "left" } ); +effect( "#dropRight", "drop", { direction: "right" } ); + +effect( "#explode9", "explode", {} ); +effect( "#explode36", "explode", { pieces: 36 } ); + +effect( "#fade", "fade", {} ); + +effect( "#fold", "fold", { size: 50 } ); + +effect( "#highlight", "highlight", {} ); + +effect( "#pulsate", "pulsate", { times: 2 } ); + +effect( "#puff", "puff", { times: 2 } ); +effect( "#scale", "scale", {} ); +effect( "#size", "size", {} ); +$( "#sizeToggle" ).click(function() { + var options = { to: { width: 300, height: 300 } }; + $( this ) + .addClass( "current" ) + .toggle( "size", options, duration ) + .delay( wait ) + .toggle( "size", options, duration, function() { + $( this ).removeClass( "current" ); + }); +}); + +$( "#shake" ).click(function() { + $( this ) + .addClass( "current" ) + .effect( "shake", {}, 100, function() { + $( this ).removeClass( "current" ); + }); +}); + +effect( "#slideDown", "slide", { direction: "down" } ); +effect( "#slideUp", "slide", { direction: "up" } ); +effect( "#slideLeft", "slide", { direction: "left" } ); +effect( "#slideRight", "slide", { direction: "right" } ); + +$( "#transfer" ).click(function() { + $( this ) + .addClass( "current" ) + .effect( "transfer", { to: "div:eq(0)" }, 1000, function() { + $( this ).removeClass( "current" ); + }); +}); + +$( "#addClass" ).click(function() { + $( this ).addClass( "current", duration, function() { + $( this ).removeClass( "current" ); + }); +}); +$( "#removeClass" ).click(function() { + $( this ).addClass( "current" ).removeClass( "current", duration ); +}); +$( "#toggleClass" ).click(function() { + $( this ).toggleClass( "current", duration ); +}); + +}); diff --git a/tests/visual/effects/effects.scale.html b/tests/visual/effects/effects.scale.html deleted file mode 100644 index 708543257..000000000 --- a/tests/visual/effects/effects.scale.html +++ /dev/null @@ -1,159 +0,0 @@ - - - - - jQuery UI Effects Test Suite - - - - - - - - - -
      -
      -
      -
      -
      - - - - -
      - - - - -
      - \ No newline at end of file diff --git a/tests/visual/effects/scale.html b/tests/visual/effects/scale.html new file mode 100644 index 000000000..add2ba01c --- /dev/null +++ b/tests/visual/effects/scale.html @@ -0,0 +1,157 @@ + + + + + jQuery UI Effects Test Suite + + + + + + + + +
      +
      +
      +
      +
      + + + + +
      + + + + +
      + \ No newline at end of file -- cgit v1.2.3 From c0f6b0ccdf69c705a03e30778ae318e0cd8a0625 Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 15 May 2012 16:43:47 -0400 Subject: Tests: Cleaned up index pages. Fixes #7374 - Broken link to Static and Visual tests (Index of Static and Visual tests do not exist). --- tests/index.css | 21 ++++++++++++ tests/index.html | 35 ++++++++++++------- tests/index.js | 10 ++++++ tests/unit/index.html | 34 ++----------------- tests/visual/index.html | 90 +++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 146 insertions(+), 44 deletions(-) create mode 100644 tests/index.css create mode 100644 tests/index.js create mode 100644 tests/visual/index.html (limited to 'tests/visual') diff --git a/tests/index.css b/tests/index.css new file mode 100644 index 000000000..2034cfba5 --- /dev/null +++ b/tests/index.css @@ -0,0 +1,21 @@ +body { + font-size: 62.5%; +} +.ui-widget-header { + padding: 0.2em 0.5em; + margin: 0; +} +.ui-widget-content { + padding: 1em; + margin-bottom: 1em; +} +p { + margin: 0; +} +ul { + margin: 0; + list-style: none; +} +li { + line-height: 2em; +} diff --git a/tests/index.html b/tests/index.html index 3c66bf38f..d4b3f4a8d 100644 --- a/tests/index.html +++ b/tests/index.html @@ -1,22 +1,33 @@ - + - + jQuery UI Tests - - - - + + + + + -

      jQuery UI Tests

      +
      +

      jQuery UI Tests

      +
      +

      Unit Tests

      +

      Unit tests exist for all functionality in jQuery UI. + The unit tests can be run locally (some tests require a web server with PHP) + to ensure proper functionality before committing changes. + The unit tests are also run on TestSwarm + for every commit.

      -

      Static Tests

      - -

      Unit Tests

      - -

      Visual Tests

      +

      Visual Tests

      +

      Visual tests only exist in cases where we can't verify proper functionality + with unit tests. These may be either purely visual or just hard to automate. + Most visual tests will provide a description of what is happening on the page + and what to look for.

      +
      +
      diff --git a/tests/index.js b/tests/index.js new file mode 100644 index 000000000..26c07498f --- /dev/null +++ b/tests/index.js @@ -0,0 +1,10 @@ +$(function() { + +$( "#main" ) + .addClass( "ui-widget" ) + .find( "h1, h2" ) + .addClass( "ui-widget-header ui-corner-top" ) + .next() + .addClass( "ui-widget-content ui-corner-bottom" ); + +}); diff --git a/tests/unit/index.html b/tests/unit/index.html index b73ede29c..e2dd9069a 100644 --- a/tests/unit/index.html +++ b/tests/unit/index.html @@ -6,39 +6,9 @@ - - + - + diff --git a/tests/visual/index.html b/tests/visual/index.html new file mode 100644 index 000000000..4e524cdcc --- /dev/null +++ b/tests/visual/index.html @@ -0,0 +1,90 @@ + + + + + jQuery UI Visual Tests + + + + + + + + + +
      +

      jQuery UI Visual Tests

      +
      +

      Accordion

      + + +

      addClass

      + + +

      Button

      + + +

      Dialog

      + + +

      Effects

      + + +

      Menu

      + + +

      Position

      + + +

      Tooltip

      + + +

      Compound

      + + +

      General

      + +
      +
      + + + -- cgit v1.2.3 From 70ce3f1f7024523c1daba20eedfaf4aca903149b Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Fri, 18 May 2012 15:08:43 +0200 Subject: Menu: Remove drilldown visual test, broken and superceded by James Rosen's implementation --- tests/visual/index.html | 1 - tests/visual/menu/drilldown.html | 267 --------------------------------------- 2 files changed, 268 deletions(-) delete mode 100644 tests/visual/menu/drilldown.html (limited to 'tests/visual') diff --git a/tests/visual/index.html b/tests/visual/index.html index 4e524cdcc..85c725c94 100644 --- a/tests/visual/index.html +++ b/tests/visual/index.html @@ -45,7 +45,6 @@

      Menu

      diff --git a/tests/visual/menu/drilldown.html b/tests/visual/menu/drilldown.html deleted file mode 100644 index 7b40fc62f..000000000 --- a/tests/visual/menu/drilldown.html +++ /dev/null @@ -1,267 +0,0 @@ - - - - - Menu Visual Test: Default - - - - - - - - - - - - - - -
      -

      Make a selection...

      - - Go back -
      - -
      - Log: -
      -
      - - - -- cgit v1.2.3 From 8bd0426e367b411b7631464d4e7157a50a641f5b Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Fri, 18 May 2012 15:10:44 +0200 Subject: Menu: Remove tablemenu visual test, broken and not interesting --- tests/visual/index.html | 1 - tests/visual/menu/tablemenu.html | 68 ---------------------------------------- 2 files changed, 69 deletions(-) delete mode 100644 tests/visual/menu/tablemenu.html (limited to 'tests/visual') diff --git a/tests/visual/index.html b/tests/visual/index.html index 85c725c94..c8caa6bce 100644 --- a/tests/visual/index.html +++ b/tests/visual/index.html @@ -45,7 +45,6 @@

      Menu

      Position

      diff --git a/tests/visual/menu/tablemenu.html b/tests/visual/menu/tablemenu.html deleted file mode 100644 index ca4345aed..000000000 --- a/tests/visual/menu/tablemenu.html +++ /dev/null @@ -1,68 +0,0 @@ - - - - - Menu Visual Test: Default - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      FirstnameLastname
      ScottGonzo
      RichyWorth
      - -
      - Log: -
      -
      - - - - - - -- cgit v1.2.3 From 5fa6821897a739b3fc22f9cf1e75d40ac4895827 Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Fri, 18 May 2012 15:15:00 +0200 Subject: Menu: Update default visual test, add headings and fix disable/destroy toggle buttons --- tests/visual/menu/menu.html | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) (limited to 'tests/visual') diff --git a/tests/visual/menu/menu.html b/tests/visual/menu/menu.html index 548f25db4..ba4017e65 100644 --- a/tests/visual/menu/menu.html +++ b/tests/visual/menu/menu.html @@ -40,16 +40,17 @@ }); } - var menus = $("#menu1, #menu2, #menu3, .menu4"); + var menus = $("#menu1, #menu2, #menu3, .menu4"), + all = menus.add("#menu5, #menu6"); create(); $("#toggle-destroy").toggle(function() { - menus.menu("destroy"); + all.menu("destroy"); }, create); $("#toggle-disable").toggle(function() { - menus.menu("disable"); + all.menu("disable"); }, function() { - menus.menu("enable"); + all.menu("enable"); }); }); @@ -64,6 +65,7 @@ +

      Default inline menu

      +

      Inline with disabled items and submenus

      +

      Menu with icons

      +

      Long menu with scroll overflow, to test menu's scroll-on-keypress behaviour

      +

      Menu with custom markup

      +

      Menu with custom markup, multi-line items