Added float range widget tests

IPython/html/tests/casperjs/test_cases/widgets.js

@@ -284,5 +284,91 @@ casper.notebook_test(function () {
             '.widget-area .widget-subarea button'),
             'Child displayed.');
     });
+
+    // Test float range widget /////////////////////////////////////////////////
+    var slider_query = '.widget-area .widget-subarea .widget-hbox-single .slider';
+    var float_text_query = '.widget-area .widget-subarea .widget-hbox-single .widget-numeric-text';
+
+    var floatrange_index = this.append_cell(
+        'floatrange = widgets.FloatRangeWidget()\n' +
+        'display(floatrange)\n' + 
+        'display(floatrange, view_name="FloatTextView")\n' + 
+        'print("Success")\n');
+    this.execute_cell_then(floatrange_index, function(index){
+
+        this.test.assert(this.get_output_cell(index).text == 'Success\n', 
+            'Create float range cell executed with correct output.');
+
+        this.test.assert(this.cell_element_exists(index, 
+            '.widget-area .widget-subarea'),
+            'Widget subarea exists.');
+
+        this.test.assert(this.cell_element_exists(index, slider_query),
+            'Widget slider exists.');
+
+        this.test.assert(this.cell_element_exists(index, float_text_query),
+            'Widget float textbox exists.');
+    });
+
+    index = this.append_cell(
+        'floatrange.max = 50.0\n' +
+        'floatrange.min = -50.0\n' +
+        'floatrange.value = 25.0\n' +
+        'print("Success")\n');
+    this.execute_cell_then(index, function(index){
+
+        this.test.assert(this.get_output_cell(index).text == 'Success\n', 
+            'Float range properties cell executed with correct output.');
+
+        this.test.assert(this.cell_element_exists(floatrange_index, slider_query), 
+            'Widget slider exists.');
+
+        this.test.assert(this.cell_element_function(floatrange_index, slider_query, 
+            'slider', ['value']) == 25.0,
+            'Slider set to Python value.');
+
+        this.test.assert(this.cell_element_function(floatrange_index, float_text_query,
+            'val') == 25.0, 'Float textbox set to Python value.');
+
+        // Clear the float textbox value and then set it to 1 by emulating
+        // keyboard presses.
+        this.cell_element_function(floatrange_index, float_text_query, 'val', ['']);
+        this.sendKeys(float_text_query, '1');
+    });
+
+    this.wait(500); // Wait for slide to execute in kernel
+
+    index = this.append_cell('print(floatrange.value)\n');
+    this.execute_cell_then(index, function(index){
+        this.test.assert(this.get_output_cell(index).text == '1.0\n', 
+            'Float textbox set float range value');
+
+        // Clear the float textbox value and then set it to 120 by emulating
+        // keyboard presses.
+        this.cell_element_function(floatrange_index, float_text_query, 'val', ['']);
+        this.sendKeys(float_text_query, '120');
+    });
+
+    this.wait(500); // Wait for slide to execute in kernel
+
+    index = this.append_cell('print(floatrange.value)\n');
+    this.execute_cell_then(index, function(index){
+        this.test.assert(this.get_output_cell(index).text == '50.0\n', 
+            'Float textbox value bound');
+
+        // Clear the float textbox value and then set it to 'hello world' by 
+        // emulating keyboard presses.  'hello world' should get filtered...
+        this.cell_element_function(floatrange_index, float_text_query, 'val', ['']);
+        this.sendKeys(float_text_query, 'hello world');
+    });
+
+    this.wait(500); // Wait for slide to execute in kernel
+
+    index = this.append_cell('print(floatrange.value)\n');
+    this.execute_cell_then(index, function(index){
+        this.test.assert(this.get_output_cell(index).text == '50.0\n', 
+            'Invalid float textbox characters ignored');
+    });
+
 });