}
</style>
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.accordion.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.droppable.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
-
- <script type="text/javascript" src="../../external/jquery.cookie.js"></script>
- <script type="text/javascript" src="../jquery.simulate.js"></script>
-
</head>
<body>
<li><a href="progressbar/progressbar.html">Progressbar</a></li>
<li><a href="slider/slider.html">Slider</a></li>
<li><a href="tabs/tabs.html">Tabs</a></li>
+ <li><a href="tooltip/tooltip.html">Tooltip</a></li>
</ul>
<h2>Utilities</h2>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8" />
+ <title>jQuery UI Tooltip Test Suite</title>
+
+ <link type="text/css" href="../../../themes/base/jquery.ui.tooltip.css" rel="stylesheet" />
+
+ <script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
+ <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
+ <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
+ <script type="text/javascript" src="../../../ui/jquery.ui.tooltip.js"></script>
+
+ <link rel="stylesheet" href="../../../external/qunit.css" type="text/css"/>
+ <script type="text/javascript" src="../../../external/qunit.js"></script>
+ <script type="text/javascript" src="../../jquery.simulate.js"></script>
+ <script type="text/javascript" src="../testsuite.js"></script>
+
+ <script type="text/javascript" src="tooltip_core.js"></script>
+ <script type="text/javascript" src="tooltip_defaults.js"></script>
+ <script type="text/javascript" src="tooltip_events.js"></script>
+ <script type="text/javascript" src="tooltip_methods.js"></script>
+ <script type="text/javascript" src="tooltip_options.js"></script>
+ <script type="text/javascript" src="tooltip_tickets.js"></script>
+
+</head>
+<body>
+
+<h1 id="qunit-header">jQuery UI Tooltip Test Suite</h1>
+<h2 id="qunit-banner"></h2>
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests">
+</ol>
+
+<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
+ <div>
+ <a id="tooltipped1" href="#" title="anchortitle">anchor</a>
+ <input title="inputtitle" />
+ </div>
+</div>
+
+</body>
+</html>
--- /dev/null
+/*
+ * tooltip_core.js
+ */
+
+
+(function($) {
+
+module("tooltip: core");
+
+
+})(jQuery);
--- /dev/null
+/*
+ * tooltip_defaults.js
+ */
+
+var tooltip_defaults = {
+ disabled: false,
+ content: $.ui.tooltip.prototype.options.content,
+ tooltipClass: "ui-widget-content",
+ position: {
+ my: "left center",
+ at: "right center",
+ offset: "15 0"
+ }
+};
+
+commonWidgetTests('tooltip', { defaults: tooltip_defaults });
--- /dev/null
+/*
+ * tooltip_events.js
+ */
+(function($) {
+
+module("tooltip: events");
+
+test("programmatic triggers", function() {
+ expect(2);
+ var e = $("#tooltipped1").tooltip({
+ open: function(event, ui) {
+ same( event.type, "tooltipopen" );
+ },
+ close: function(event, ui) {
+ same( event.type, "tooltipclose" );
+ }
+ });
+ e.tooltip("open").tooltip("close");
+ e.tooltip("destroy");
+});
+
+test("mouse events", function() {
+ expect(4);
+ var e = $("#tooltipped1").tooltip({
+ open: function(event, ui) {
+ same( event.type, "tooltipopen" );
+ same( event.originalEvent.type, "mouseenter" );
+ },
+ close: function(event, ui) {
+ same( event.type, "tooltipclose" );
+ same( event.originalEvent.type, "mouseleave" );
+ }
+ });
+ e.trigger("mouseover").trigger("mouseout");
+ e.tooltip("destroy");
+});
+
+test("focus events", function() {
+ expect(4);
+ var e = $("#tooltipped1").tooltip({
+ open: function(event, ui) {
+ same( event.type, "tooltipopen" );
+ same( event.originalEvent.type, "focus" );
+ },
+ close: function(event, ui) {
+ same( event.type, "tooltipclose" );
+ same( event.originalEvent.type, "blur" );
+ }
+ });
+ e.trigger("focus").trigger("blur");
+ e.tooltip("destroy");
+});
+
+})(jQuery);
--- /dev/null
+/*
+ * tooltip_methods.js
+ */
+(function($) {
+
+
+module("tooltip: methods");
+
+test("destroy", function() {
+ var beforeHtml = $("#tooltipped1").parent().html();
+ var afterHtml = $("#tooltipped1").tooltip().tooltip("destroy").parent().html();
+ equal( afterHtml, beforeHtml );
+});
+
+test("open", function() {
+ var e = $("#tooltipped1").tooltip();
+ ok( $(".ui-tooltip").is(":hidden") );
+ e.tooltip("open");
+ ok( $(".ui-tooltip").is(":visible") );
+ $(":ui-tooltip").tooltip("destroy");
+});
+
+})(jQuery);
--- /dev/null
+/*
+ * tooltip_options.js
+ */
+(function($) {
+
+module("tooltip: options");
+
+function contentTest(name, expected, impl) {
+ test(name, function() {
+ $("#tooltipped1").tooltip({
+ content: impl
+ }).tooltip("open");
+ same( $(".ui-tooltip").text(), expected );
+ $(":ui-tooltip").tooltip("destroy");
+ });
+}
+
+contentTest("content: default", "anchortitle");
+contentTest("content: return string", "customstring", function() {
+ return "customstring";
+});
+contentTest("content: callback string", "customstring2", function(response) {
+ response("customstring2");
+});
+
+test("tooltipClass, default", function() {
+ $("#tooltipped1").tooltip().tooltip("open");
+ same( $(".ui-tooltip").attr("class"), "ui-tooltip ui-widget ui-corner-all ui-widget-content");
+ $(":ui-tooltip").tooltip("destroy");
+});
+test("tooltipClass, custom", function() {
+ $("#tooltipped1").tooltip({
+ tooltipClass: "pretty fancy"
+ }).tooltip("open");
+ same( $(".ui-tooltip").attr("class"), "ui-tooltip ui-widget ui-corner-all pretty fancy");
+ $(":ui-tooltip").tooltip("destroy");
+});
+
+})(jQuery);
--- /dev/null
+/*
+ * tooltip_tickets.js
+ */
+(function($) {
+
+module("tooltip: tickets");
+
+
+
+})(jQuery);
this.opacity = this.tooltip.css("opacity");
this.element
.bind("focus.tooltip mouseenter.tooltip", function(event) {
- self.open();
+ self.open( event );
})
.bind("blur.tooltip mouseleave.tooltip", function(event) {
- self.close();
+ self.close( event );
});
},
return this.tooltip;
},
- open: function() {
+ open: function(event) {
var target = this.element;
// already visible? possible when both focus and mouseover events occur
if (this.current && this.current[0] == target[0])
var content = this.options.content.call(target[0], function(response) {
// ignore async responses that come in after the tooltip is already hidden
if (self.current == target)
- self._show(target, response);
+ self._show(event, target, response);
});
if (content) {
- self._show(target, content);
+ self._show(event, target, content);
}
},
- _show: function(target, content) {
+ _show: function(event, target, content) {
if (!content)
return;
else
this.tooltip.is(':visible') ? this.tooltip.fadeTo("normal", this.opacity) : this.tooltip.fadeIn();
- this._trigger( "open" );
+ this._trigger( "open", event );
},
- close: function() {
+ close: function(event) {
if (!this.current)
return;
else
this.tooltip.stop().fadeOut();
- this._trigger( "close" );
+ this._trigger( "close", event );
}
});
projects / jquery-ui.git / commitdiff