r2128 - trunk/tests/visual/dialog
Author: scott.gonzalez
Date: Tue Feb 24 20:09:29 2009
New Revision: 2128
Added:
trunk/tests/visual/dialog/dialog_on_page_with_large_dom.html
Log:
Added visual test for dialog on a page with a large DOM.
Added: trunk/tests/visual/dialog/dialog_on_page_with_large_dom.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/dialog/dialog_on_page_with_large_dom.html Tue Feb 24
20:09:29 2009
@@ -0,0 +1,2959 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Dialog Visual Test : Modal Dialog in Large DOM</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.dialog.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../../ui/ui.resizable.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#dialog").dialog({
+ modal: true,
+ autoOpen: false
+ });
+ $('#opener').click(function() {
+ $('#dialog').dialog('open');
+ });
+ });
+ </script>
+</head>
+<body>
+
+<button id="opener">open dialog</button>
+<div id="dialog" title="Dialog Title">
+ Dialog Content
+ <input type="text">
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option value="b">option</option>
+ <option value="c">option</option>
+ <option value="d">option</option>
+ <option value="e">option</option>
+ <option value="f">option</option>
+ <option value="g">option</option>
+ <option value="h">option</option>
+ <option value="i">option</option>
+</select>
+</div>
+
+<div>
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="text">
+<input type="checkbox"><input type="checkbox"><input type="checkbox">
+<select>
+ <option value="a">option</option>
+ <option