From c58559191abab3ad82f321edb5cceeeb75b13a09 Mon Sep 17 00:00:00 2001
From: Andrew Nicols <andrew@nicols.co.uk>
Date: Fri, 8 Aug 2014 14:06:19 +0800
Subject: [PATCH] MDL-46496 libraries: Add additional tests for jquery and
 jqueryUI

The additional tests add a clear example of the use of jquery UI images in
addition to working JavaScript.
---
 lib/tests/other/jquerypage.php | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/lib/tests/other/jquerypage.php b/lib/tests/other/jquerypage.php
index 60c25a85ff5..b73e9677f83 100644
--- a/lib/tests/other/jquerypage.php
+++ b/lib/tests/other/jquerypage.php
@@ -40,15 +40,33 @@ $PAGE->requires->jquery_plugin('migrate');
 
 echo $OUTPUT->header();
 
-// Note: the example was copied from http://jqueryui.com/accordion/ page.
+// Note: the examples were copied from http://jqueryui.com/accordion/, and
+// http://jqueryui.com/progressbar/#label.
 
 ?>
 
 <script>
     $(function() {
         $( "#accordion" ).accordion();
+        $( "#progressbar" ).progressbar({
+            value: false
+        });
     });
 </script>
+<style>
+  .ui-progressbar {
+    position: relative;
+  }
+  .progress-label {
+    position: absolute;
+    left: 50%;
+    top: 4px;
+    font-weight: bold;
+    text-shadow: 1px 1px 0 #fff;
+  }
+</style>
+
+<div id="progressbar"><div class="progress-label">Loading...</div></div>
 
 <div id="accordion">
   <h3>Section 1</h3>