jqueryui_widgets 0.5 → 0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/ChangeLog +7 -0
- data/features/accordion.feature +0 -1
- data/features/html/slider.html +23 -0
- data/features/html/spinner.html +60 -0
- data/features/slider.feature +14 -0
- data/features/spinner.feature +15 -0
- data/features/step_definitions/basic_dialog_steps.rb +4 -4
- data/features/step_definitions/progress_bar_steps.rb +3 -3
- data/features/step_definitions/slider_steps.rb +11 -0
- data/features/step_definitions/spinner_steps.rb +19 -0
- data/features/support/pages/basic_dialog_page.rb +1 -4
- data/features/support/pages/progress_bar_page.rb +1 -4
- data/features/support/pages/slider_page.rb +11 -0
- data/features/support/pages/spinner_page.rb +12 -0
- data/jqueryui_widgets.gemspec +1 -1
- data/lib/jqueryui_widgets.rb +4 -0
- data/lib/jqueryui_widgets/accordion.rb +5 -1
- data/lib/jqueryui_widgets/basic_dialog.rb +28 -15
- data/lib/jqueryui_widgets/core_ext/string.rb +6 -0
- data/lib/jqueryui_widgets/menus.rb +10 -1
- data/lib/jqueryui_widgets/progress_bar.rb +26 -19
- data/lib/jqueryui_widgets/slider.rb +42 -0
- data/lib/jqueryui_widgets/spinner.rb +54 -0
- data/lib/jqueryui_widgets/tabs.rb +10 -1
- data/lib/jqueryui_widgets/version.rb +1 -1
- metadata +25 -6
data/ChangeLog
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
== Version 0.6 / 2013-5-24
|
|
2
|
+
* Enhancements
|
|
3
|
+
* New functionality from Page Object
|
|
4
|
+
* Added in Slider functionality
|
|
5
|
+
* Added in Spinner functionality
|
|
6
|
+
* Additional documentation for all widgets
|
|
7
|
+
|
|
1
8
|
== Version 0.5 / 2013-3-29
|
|
2
9
|
* Enhancements
|
|
3
10
|
* Added in Accordion functionality
|
data/features/accordion.feature
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<title>jQuery UI Slider - Default functionality</title>
|
|
7
|
+
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
|
|
8
|
+
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
|
|
9
|
+
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
|
|
10
|
+
<link rel="stylesheet" href="/resources/demos/style.css" />
|
|
11
|
+
<script>
|
|
12
|
+
$(function() {
|
|
13
|
+
$( "#slider" ).slider();
|
|
14
|
+
});
|
|
15
|
+
</script>
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
|
|
19
|
+
<div id="slider"></div>
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
</body>
|
|
23
|
+
</html>
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<title>jQuery UI Spinner - Default functionality</title>
|
|
7
|
+
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
|
|
8
|
+
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
|
|
9
|
+
<script src="/resources/demos/external/jquery.mousewheel.js"></script>
|
|
10
|
+
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
|
|
11
|
+
<link rel="stylesheet" href="/resources/demos/style.css" />
|
|
12
|
+
<script>
|
|
13
|
+
$(function() {
|
|
14
|
+
var spinner = $( "#spinner" ).spinner();
|
|
15
|
+
|
|
16
|
+
$( "#disable" ).click(function() {
|
|
17
|
+
if ( spinner.spinner( "option", "disabled" ) ) {
|
|
18
|
+
spinner.spinner( "enable" );
|
|
19
|
+
} else {
|
|
20
|
+
spinner.spinner( "disable" );
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
$( "#destroy" ).click(function() {
|
|
24
|
+
if ( spinner.data( "ui-spinner" ) ) {
|
|
25
|
+
spinner.spinner( "destroy" );
|
|
26
|
+
} else {
|
|
27
|
+
spinner.spinner();
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
$( "#getvalue" ).click(function() {
|
|
31
|
+
alert( spinner.spinner( "value" ) );
|
|
32
|
+
});
|
|
33
|
+
$( "#setvalue" ).click(function() {
|
|
34
|
+
spinner.spinner( "value", 5 );
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
$( "button" ).button();
|
|
38
|
+
});
|
|
39
|
+
</script>
|
|
40
|
+
</head>
|
|
41
|
+
<body>
|
|
42
|
+
|
|
43
|
+
<p>
|
|
44
|
+
<label for="spinner">Select a value:</label>
|
|
45
|
+
<input id="spinner" name="value" />
|
|
46
|
+
</p>
|
|
47
|
+
|
|
48
|
+
<p>
|
|
49
|
+
<button id="disable">Toggle disable/enable</button>
|
|
50
|
+
<button id="destroy">Toggle widget</button>
|
|
51
|
+
</p>
|
|
52
|
+
|
|
53
|
+
<p>
|
|
54
|
+
<button id="getvalue">Get value</button>
|
|
55
|
+
<button id="setvalue">Set value to 5</button>
|
|
56
|
+
</p>
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
</body>
|
|
60
|
+
</html>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
Feature: Using the JQueryUI Slider Widget
|
|
2
|
+
|
|
3
|
+
Here we'll be able to get the current value of the
|
|
4
|
+
Slider widget, and set a new one.
|
|
5
|
+
|
|
6
|
+
Background:
|
|
7
|
+
Given I am on the slider page
|
|
8
|
+
|
|
9
|
+
Scenario: Using the Slider widget
|
|
10
|
+
Then the current value of the slider should be "0%"
|
|
11
|
+
|
|
12
|
+
Scenario: Setting the Slider to a specific value
|
|
13
|
+
When I move the slider to "20%"
|
|
14
|
+
Then the current value of the slider should be "10%"
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
Feature: Using the JQueryUI Spinner Widget
|
|
3
|
+
|
|
4
|
+
Background:
|
|
5
|
+
Given I am on the spinner page
|
|
6
|
+
|
|
7
|
+
Scenario: Adjust the spinner value with arrows
|
|
8
|
+
When I click the increment button
|
|
9
|
+
Then the Spinner Widget should read "1"
|
|
10
|
+
When I click the decrement button
|
|
11
|
+
Then the Spinner Widget should read "0"
|
|
12
|
+
|
|
13
|
+
Scenario: Manually set the spinner value
|
|
14
|
+
When I set the spinner value to "10"
|
|
15
|
+
Then the Spinner Widget should read "10"
|
|
@@ -3,18 +3,18 @@ Given /^I am on the basic dialog page$/ do
|
|
|
3
3
|
end
|
|
4
4
|
|
|
5
5
|
Then /^the basic dialog title should be "(.+)"$/ do |title|
|
|
6
|
-
on(BasicDialogPage).
|
|
6
|
+
on(BasicDialogPage).the_dialog_title.should == title
|
|
7
7
|
end
|
|
8
8
|
|
|
9
9
|
When /^the content should include "(.+)"$/ do |content|
|
|
10
|
-
on(BasicDialogPage).
|
|
10
|
+
on(BasicDialogPage).the_dialog_content.should include content
|
|
11
11
|
end
|
|
12
12
|
|
|
13
13
|
When /^I close the basic dialog$/ do
|
|
14
|
-
on(BasicDialogPage).
|
|
14
|
+
on(BasicDialogPage).close_the_dialog
|
|
15
15
|
end
|
|
16
16
|
|
|
17
17
|
Then /^the basic dialog should not be visible$/ do
|
|
18
|
-
on(BasicDialogPage).
|
|
18
|
+
on(BasicDialogPage).the_dialog_element.should_not be_visible
|
|
19
19
|
end
|
|
20
20
|
|
|
@@ -3,13 +3,13 @@ Given /^I am on the Progress Bar page$/ do
|
|
|
3
3
|
end
|
|
4
4
|
|
|
5
5
|
Then /^the minimum value should be "(.+)"$/ do |minimum_value|
|
|
6
|
-
on(ProgressBarPage).
|
|
6
|
+
on(ProgressBarPage).the_progress_min.should == minimum_value.to_i
|
|
7
7
|
end
|
|
8
8
|
|
|
9
9
|
Then /^the maximum value should be "(.+)"$/ do |maximum_value|
|
|
10
|
-
on(ProgressBarPage).
|
|
10
|
+
on(ProgressBarPage).the_progress_max.should == maximum_value.to_i
|
|
11
11
|
end
|
|
12
12
|
|
|
13
13
|
Then /^the current value should be "(.+)"$/ do |current_value|
|
|
14
|
-
on(ProgressBarPage).
|
|
14
|
+
on(ProgressBarPage).the_progress.should == current_value.to_i
|
|
15
15
|
end
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
Given /^I am on the slider page$/ do
|
|
2
|
+
visit SliderPage
|
|
3
|
+
end
|
|
4
|
+
|
|
5
|
+
Then /^the current value of the slider should be "([^"]*)"$/ do |percent|
|
|
6
|
+
on(SliderPage).the_slider.should == percent
|
|
7
|
+
end
|
|
8
|
+
|
|
9
|
+
When(/^I move the slider to "([^"]*)"$/) do |value|
|
|
10
|
+
on(SliderPage).the_slider = value
|
|
11
|
+
end
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
Given /^I am on the spinner page$/ do
|
|
2
|
+
visit SpinnerPage
|
|
3
|
+
end
|
|
4
|
+
|
|
5
|
+
When(/^I click the increment button$/) do
|
|
6
|
+
on(SpinnerPage).increment_the_spinner
|
|
7
|
+
end
|
|
8
|
+
|
|
9
|
+
Then(/^the Spinner Widget should read "([^"]*)"$/) do |value|
|
|
10
|
+
on(SpinnerPage).the_spinner.should == value
|
|
11
|
+
end
|
|
12
|
+
|
|
13
|
+
When(/^I click the decrement button$/) do
|
|
14
|
+
on(SpinnerPage).decrement_the_spinner
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
When(/^I set the spinner value to "([^"]*)"$/) do |value|
|
|
18
|
+
on(SpinnerPage).the_spinner = value
|
|
19
|
+
end
|
|
@@ -3,10 +3,7 @@ class BasicDialogPage
|
|
|
3
3
|
|
|
4
4
|
page_url "file://#{File.expand_path(File.dirname(__FILE__) + '/../../html/basic_dialog.html')}"
|
|
5
5
|
|
|
6
|
-
jqueryui_basic_dialog(:
|
|
6
|
+
jqueryui_basic_dialog(:the_dialog, :class => 'ui-dialog')
|
|
7
7
|
|
|
8
|
-
def basic_dialog
|
|
9
|
-
basic_dialog_element
|
|
10
|
-
end
|
|
11
8
|
end
|
|
12
9
|
|
|
@@ -3,9 +3,6 @@ class ProgressBarPage
|
|
|
3
3
|
|
|
4
4
|
page_url "file://#{File.expand_path(File.dirname(__FILE__) + '/../../html/progress_bar.html')}"
|
|
5
5
|
|
|
6
|
-
jqueryui_progress_bar(:
|
|
6
|
+
jqueryui_progress_bar(:the_progress, :id => 'progressbar')
|
|
7
7
|
|
|
8
|
-
def progress_bar
|
|
9
|
-
progress_bar_element
|
|
10
|
-
end
|
|
11
8
|
end
|
data/jqueryui_widgets.gemspec
CHANGED
|
@@ -17,7 +17,7 @@ Gem::Specification.new do |gem|
|
|
|
17
17
|
gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
|
|
18
18
|
gem.require_paths = ["lib"]
|
|
19
19
|
|
|
20
|
-
gem.add_dependency 'page-object', '>= 0.8.
|
|
20
|
+
gem.add_dependency 'page-object', '>= 0.8.8'
|
|
21
21
|
|
|
22
22
|
gem.add_development_dependency 'cucumber', '>= 1.2.0'
|
|
23
23
|
gem.add_development_dependency 'rspec', '>= 2.12'
|
data/lib/jqueryui_widgets.rb
CHANGED
|
@@ -5,6 +5,8 @@ require 'jqueryui_widgets/tabs'
|
|
|
5
5
|
require 'jqueryui_widgets/progress_bar'
|
|
6
6
|
require 'jqueryui_widgets/menus'
|
|
7
7
|
require 'jqueryui_widgets/accordion'
|
|
8
|
+
require 'jqueryui_widgets/slider'
|
|
9
|
+
require 'jqueryui_widgets/spinner'
|
|
8
10
|
|
|
9
11
|
module JQueryUIWidgets
|
|
10
12
|
|
|
@@ -13,5 +15,7 @@ module JQueryUIWidgets
|
|
|
13
15
|
PageObject.register_widget(:jqueryui_progress_bar, JQueryUIWidgets::ProgressBar, 'div')
|
|
14
16
|
PageObject.register_widget(:jqueryui_menus, JQueryUIWidgets::Menus, 'ul')
|
|
15
17
|
PageObject.register_widget(:jqueryui_accordion, JQueryUIWidgets::Accordion, 'div')
|
|
18
|
+
PageObject.register_widget(:jqueryui_slider, JQueryUIWidgets::Slider, 'div')
|
|
19
|
+
PageObject.register_widget(:jqueryui_spinner, JQueryUIWidgets::Spinner, 'span')
|
|
16
20
|
|
|
17
21
|
end
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
#
|
|
3
3
|
# Accordion class to make use of the Accordion widget.
|
|
4
4
|
#
|
|
5
|
+
# NOTE: Since JQueryUI Widgets are completely customizable,
|
|
6
|
+
# we've kept the Accordion class limited to basic functionality
|
|
7
|
+
# so that end users can pick up the gem and customize it to
|
|
8
|
+
# suit their own needs.
|
|
9
|
+
#
|
|
5
10
|
class JQueryUIWidgets::Accordion < PageObject::Elements::Div
|
|
6
11
|
|
|
7
12
|
#
|
|
@@ -64,7 +69,6 @@ class JQueryUIWidgets::Accordion < PageObject::Elements::Div
|
|
|
64
69
|
def wait_for_content(index)
|
|
65
70
|
the_content = div_elements(:class => 'ui-accordion-content')[index]
|
|
66
71
|
wait_until(1, "Content not visible within one second") do
|
|
67
|
-
puts the_content.style("display")
|
|
68
72
|
the_content.style("display") == "block"
|
|
69
73
|
end
|
|
70
74
|
end
|
|
@@ -3,30 +3,43 @@
|
|
|
3
3
|
# Basic Dialog allows JQuery UI Widgets to interact
|
|
4
4
|
# with the basic dialogs that JQueryUI pops up.
|
|
5
5
|
#
|
|
6
|
+
# NOTE: JQueryUI Widgets are very customizable,
|
|
7
|
+
# so we've kept the functionality for the dialogs
|
|
8
|
+
# class as rudimentary as possible, to allow the
|
|
9
|
+
# end user to build up any functionality they
|
|
10
|
+
# require, and customize the class to suit their
|
|
11
|
+
# particular needs.
|
|
12
|
+
#
|
|
6
13
|
class JQueryUIWidgets::BasicDialog < PageObject::Elements::Div
|
|
7
14
|
|
|
8
15
|
#
|
|
9
|
-
#
|
|
10
|
-
# bar in the UI dialog and returns the text.
|
|
16
|
+
# Generates three methods
|
|
11
17
|
#
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
end
|
|
15
|
-
|
|
18
|
+
# The {NAME}title method grabs the span element of the title
|
|
19
|
+
# bar in the UI dialog and returns the text.
|
|
16
20
|
#
|
|
17
|
-
#
|
|
21
|
+
# {NAME}_content method will return the entire text of
|
|
18
22
|
# the JQuery UI dialog box.
|
|
19
23
|
#
|
|
20
|
-
|
|
21
|
-
div_element(:class => 'ui-dialog-content').text
|
|
22
|
-
end
|
|
23
|
-
|
|
24
|
-
#
|
|
25
|
-
# Close function will, of course, click the button
|
|
24
|
+
# close_{NAME} method will, of course, click the button
|
|
26
25
|
# labeled close.
|
|
27
26
|
#
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
|
|
28
|
+
def self.accessor_methods(accessor, name)
|
|
29
|
+
accessor.send :define_method, "#{name}_title" do
|
|
30
|
+
dialog = self.send "#{name}_element"
|
|
31
|
+
dialog.div_element(:class => 'ui-dialog-titlebar').span_element.text
|
|
32
|
+
end
|
|
33
|
+
|
|
34
|
+
accessor.send :define_method, "#{name}_content" do
|
|
35
|
+
dialog = self.send "#{name}_element"
|
|
36
|
+
dialog.div_element(:class => 'ui-dialog-content').text
|
|
37
|
+
end
|
|
38
|
+
|
|
39
|
+
accessor.send :define_method, "close_#{name}" do
|
|
40
|
+
dialog = self.send "#{name}_element"
|
|
41
|
+
dialog.button_element(:class => 'ui-dialog-titlebar-close').click
|
|
42
|
+
end
|
|
30
43
|
end
|
|
31
44
|
|
|
32
45
|
end
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
#
|
|
3
|
-
# Class that wraps the jQueryUI menu
|
|
3
|
+
# Class that wraps the jQueryUI menu, allowing
|
|
4
|
+
# users to interact with both top level, and
|
|
5
|
+
# nested menus.
|
|
6
|
+
#
|
|
7
|
+
# NOTE: We've kept to the basic functionality
|
|
8
|
+
# of the Menu widget in order to avoid causing
|
|
9
|
+
# difficulty with the usage of the widget since
|
|
10
|
+
# all of the JQuery UI Widgets are so customizable.
|
|
11
|
+
# In this fashion, we allow the user to customize
|
|
12
|
+
# the code to suit their own needs.
|
|
4
13
|
#
|
|
5
14
|
class JQueryUIWidgets::Menus < PageObject::Elements::UnorderedList
|
|
6
15
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
require 'jqueryui_widgets/core_ext/string'
|
|
1
2
|
|
|
2
3
|
#
|
|
3
4
|
# The progress bar class will interact with the
|
|
@@ -5,39 +6,45 @@
|
|
|
5
6
|
# returning the Minimum value, Maximum Value and
|
|
6
7
|
# Current progress.
|
|
7
8
|
#
|
|
9
|
+
# NOTE: As with all JQuery UI Widgets, we have
|
|
10
|
+
# left the Progress Bar code with the basics
|
|
11
|
+
# of functionality to allow the user to
|
|
12
|
+
# customize the gem to suit their own needs.
|
|
13
|
+
#
|
|
8
14
|
class JQueryUIWidgets::ProgressBar < PageObject::Elements::Div
|
|
9
15
|
|
|
10
16
|
#
|
|
11
|
-
#
|
|
17
|
+
# Generates three methods.
|
|
18
|
+
#
|
|
19
|
+
# The {NAME}_min function returns the minimum
|
|
12
20
|
# possible value of the progress bar by
|
|
13
21
|
# returning the 'aria-valuemin' attribute's
|
|
14
22
|
# value.
|
|
15
23
|
#
|
|
16
|
-
|
|
17
|
-
convert_to_number attribute('aria-valuemin')
|
|
18
|
-
end
|
|
19
|
-
|
|
20
|
-
#
|
|
21
|
-
# The maximum function returns the maximum
|
|
24
|
+
# The {NAME}_max function returns the maximum
|
|
22
25
|
# value of the progress bar by returning
|
|
23
26
|
# the 'aria-valuemax' attribute's value.
|
|
24
|
-
def maximum
|
|
25
|
-
convert_to_number attribute('aria-valuemax')
|
|
26
|
-
end
|
|
27
|
-
|
|
28
27
|
#
|
|
29
|
-
# The
|
|
28
|
+
# The {NAME} function returns the current
|
|
30
29
|
# value of the progress bar by returning the
|
|
31
30
|
# 'aria-valuenow' attribute's value.
|
|
32
31
|
#
|
|
33
|
-
def
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
def self.accessor_methods(accessor, name)
|
|
33
|
+
accessor.send :define_method, "#{name}" do
|
|
34
|
+
progress_bar = self.send "#{name}_element"
|
|
35
|
+
progress_bar.attribute('aria-valuenow').convert_to_number
|
|
36
|
+
end
|
|
37
|
+
|
|
38
|
+
accessor.send :define_method, "#{name}_min" do
|
|
39
|
+
progress_bar = self.send "#{name}_element"
|
|
40
|
+
progress_bar.attribute('aria-valuemin').convert_to_number
|
|
41
|
+
end
|
|
42
|
+
|
|
43
|
+
accessor.send :define_method, "#{name}_max" do
|
|
44
|
+
progress_bar = self.send "#{name}_element"
|
|
45
|
+
progress_bar.attribute('aria-valuemax').convert_to_number
|
|
46
|
+
end
|
|
36
47
|
|
|
37
|
-
private
|
|
38
|
-
def convert_to_number(value)
|
|
39
|
-
value = value.to_i if value
|
|
40
|
-
value
|
|
41
48
|
end
|
|
42
49
|
|
|
43
50
|
end
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
|
|
2
|
+
#
|
|
3
|
+
# Slider Class will serve as a wrapper for the JQuery UI Slider widget,
|
|
4
|
+
# allowing the user to interact with the slider, setting it to a specific
|
|
5
|
+
# position within the length of the slider, between 0% and 100%.
|
|
6
|
+
#
|
|
7
|
+
# The user will pass in the variable they wish to set with the addition
|
|
8
|
+
# of the % symbol.
|
|
9
|
+
#
|
|
10
|
+
# NOTE: The code for the Slider widget will be kept as basic as
|
|
11
|
+
# possible in order to allow the user to tailor the class to suit
|
|
12
|
+
# their own needs in case customization of the slider has been
|
|
13
|
+
# exercised.
|
|
14
|
+
#
|
|
15
|
+
|
|
16
|
+
class JQueryUIWidgets::Slider < PageObject::Elements::Div
|
|
17
|
+
|
|
18
|
+
#
|
|
19
|
+
# Generates two methods.
|
|
20
|
+
#
|
|
21
|
+
# The {NAME} method picks up the current position of the
|
|
22
|
+
# slider, grabbing the % and returning it.
|
|
23
|
+
#
|
|
24
|
+
# The {NAME}= method will allow the user to set the
|
|
25
|
+
# position of the slider by passing in a percentage.
|
|
26
|
+
#
|
|
27
|
+
# @example
|
|
28
|
+
# the_slider=('15%')
|
|
29
|
+
# Will set the slider to 15%.
|
|
30
|
+
#
|
|
31
|
+
def self.accessor_methods(accessor, name)
|
|
32
|
+
accessor.send :define_method, "#{name}" do
|
|
33
|
+
slider = self.send "#{name}_element"
|
|
34
|
+
the_slider = slider.link_element(:class => 'ui-slider-handle ui-state-default ui-corner-all')
|
|
35
|
+
the_slider.html[/\d+%/]
|
|
36
|
+
end
|
|
37
|
+
|
|
38
|
+
accessor.send :define_method, "#{name}=" do |value|
|
|
39
|
+
browser.execute_script("document.getElementsByClassName('ui-slider-handle')[0].style.left=\"#{value}\";")
|
|
40
|
+
end
|
|
41
|
+
end
|
|
42
|
+
end
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
#
|
|
2
|
+
# The Spinner Class will serve as a wrapper for the JQuery UI Spinner
|
|
3
|
+
# widget, allowing the user to interact with the spinner, setting
|
|
4
|
+
# the value either through manual entry, or the up or down arrows attached
|
|
5
|
+
# to the widget.
|
|
6
|
+
#
|
|
7
|
+
# NOTE: The code for the Spinner widget will be kept as basic as possible
|
|
8
|
+
# in order to allow the user to tailor the class to suit their own
|
|
9
|
+
# needs in case customization of the spinner has been exercised.
|
|
10
|
+
#
|
|
11
|
+
class JQueryUIWidgets::Spinner < PageObject::Elements::Span
|
|
12
|
+
|
|
13
|
+
#
|
|
14
|
+
# Generates four methods.
|
|
15
|
+
#
|
|
16
|
+
# The increment_{NAME} method allows the user to click the
|
|
17
|
+
# up arrow and increment the value of the widget by 1.
|
|
18
|
+
#
|
|
19
|
+
# The decrement_{NAME} method allows the user to click the
|
|
20
|
+
# down arrow and decrement the value of the widget by 1.
|
|
21
|
+
#
|
|
22
|
+
# The {NAME} method allows the user to return the current
|
|
23
|
+
# value of the widget.
|
|
24
|
+
#
|
|
25
|
+
# The {NAME}_set method allows the user to set the value
|
|
26
|
+
# of the widget.
|
|
27
|
+
#
|
|
28
|
+
# @example
|
|
29
|
+
# the_spinner = 15
|
|
30
|
+
#
|
|
31
|
+
# Will set the spinner to 15.
|
|
32
|
+
#
|
|
33
|
+
def self.accessor_methods(accessor, name)
|
|
34
|
+
accessor.send :define_method, "increment_#{name}" do
|
|
35
|
+
spinner = self.send "#{name}_element"
|
|
36
|
+
spinner.link_element(:class => 'ui-spinner-up').click
|
|
37
|
+
end
|
|
38
|
+
|
|
39
|
+
accessor.send :define_method, "decrement_#{name}" do
|
|
40
|
+
spinner = self.send "#{name}_element"
|
|
41
|
+
spinner.link_element(:class => 'ui-spinner-down').click
|
|
42
|
+
end
|
|
43
|
+
|
|
44
|
+
accessor.send :define_method, "#{name}" do
|
|
45
|
+
spinner = self.send "#{name}_element"
|
|
46
|
+
spinner.text_field_element(:id => 'spinner').value
|
|
47
|
+
end
|
|
48
|
+
|
|
49
|
+
accessor.send :define_method, "#{name}=" do |value|
|
|
50
|
+
spinner = self.send "#{name}_element"
|
|
51
|
+
spinner.text_field_element(:id => 'spinner').value = value
|
|
52
|
+
end
|
|
53
|
+
end
|
|
54
|
+
end
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
#
|
|
3
|
-
# Class that wraps the JQueryUI Tabs
|
|
3
|
+
# Class that wraps the JQueryUI Tabs, allowing
|
|
4
|
+
# the user to interact with tabbed items.
|
|
5
|
+
#
|
|
6
|
+
# NOTE: The Tabs Widget code will be kept as
|
|
7
|
+
# basic as possible for the time being, since
|
|
8
|
+
# the Widget itself is fully customizable, we
|
|
9
|
+
# cannot allow for all of the possible
|
|
10
|
+
# functionality. This will allow for users
|
|
11
|
+
# to customize the gem to suit their own
|
|
12
|
+
# needs for the widget.
|
|
4
13
|
#
|
|
5
14
|
|
|
6
15
|
class JQueryUIWidgets::Tabs < PageObject::Elements::UnorderedList
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jqueryui_widgets
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: '0.
|
|
4
|
+
version: '0.6'
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -10,7 +10,7 @@ authors:
|
|
|
10
10
|
autorequire:
|
|
11
11
|
bindir: bin
|
|
12
12
|
cert_chain: []
|
|
13
|
-
date: 2013-
|
|
13
|
+
date: 2013-05-24 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: page-object
|
|
@@ -19,7 +19,7 @@ dependencies:
|
|
|
19
19
|
requirements:
|
|
20
20
|
- - ! '>='
|
|
21
21
|
- !ruby/object:Gem::Version
|
|
22
|
-
version: 0.8.
|
|
22
|
+
version: 0.8.8
|
|
23
23
|
type: :runtime
|
|
24
24
|
prerelease: false
|
|
25
25
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -27,7 +27,7 @@ dependencies:
|
|
|
27
27
|
requirements:
|
|
28
28
|
- - ! '>='
|
|
29
29
|
- !ruby/object:Gem::Version
|
|
30
|
-
version: 0.8.
|
|
30
|
+
version: 0.8.8
|
|
31
31
|
- !ruby/object:Gem::Dependency
|
|
32
32
|
name: cucumber
|
|
33
33
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -86,15 +86,21 @@ files:
|
|
|
86
86
|
- features/html/jquery-ui.js
|
|
87
87
|
- features/html/menus.html
|
|
88
88
|
- features/html/progress_bar.html
|
|
89
|
+
- features/html/slider.html
|
|
90
|
+
- features/html/spinner.html
|
|
89
91
|
- features/html/style.css
|
|
90
92
|
- features/html/tabs.html
|
|
91
93
|
- features/menus.feature
|
|
92
94
|
- features/progress_bar.feature
|
|
95
|
+
- features/slider.feature
|
|
96
|
+
- features/spinner.feature
|
|
93
97
|
- features/step_definitions/accordion_steps.rb
|
|
94
98
|
- features/step_definitions/basic_dialog_steps.rb
|
|
95
99
|
- features/step_definitions/common_steps.rb
|
|
96
100
|
- features/step_definitions/menu_steps.rb
|
|
97
101
|
- features/step_definitions/progress_bar_steps.rb
|
|
102
|
+
- features/step_definitions/slider_steps.rb
|
|
103
|
+
- features/step_definitions/spinner_steps.rb
|
|
98
104
|
- features/step_definitions/tab_steps.rb
|
|
99
105
|
- features/support/env.rb
|
|
100
106
|
- features/support/hooks.rb
|
|
@@ -102,14 +108,19 @@ files:
|
|
|
102
108
|
- features/support/pages/basic_dialog_page.rb
|
|
103
109
|
- features/support/pages/menu_page.rb
|
|
104
110
|
- features/support/pages/progress_bar_page.rb
|
|
111
|
+
- features/support/pages/slider_page.rb
|
|
112
|
+
- features/support/pages/spinner_page.rb
|
|
105
113
|
- features/support/pages/tabs_page.rb
|
|
106
114
|
- features/tabs.feature
|
|
107
115
|
- jqueryui_widgets.gemspec
|
|
108
116
|
- lib/jqueryui_widgets.rb
|
|
109
117
|
- lib/jqueryui_widgets/accordion.rb
|
|
110
118
|
- lib/jqueryui_widgets/basic_dialog.rb
|
|
119
|
+
- lib/jqueryui_widgets/core_ext/string.rb
|
|
111
120
|
- lib/jqueryui_widgets/menus.rb
|
|
112
121
|
- lib/jqueryui_widgets/progress_bar.rb
|
|
122
|
+
- lib/jqueryui_widgets/slider.rb
|
|
123
|
+
- lib/jqueryui_widgets/spinner.rb
|
|
113
124
|
- lib/jqueryui_widgets/tabs.rb
|
|
114
125
|
- lib/jqueryui_widgets/version.rb
|
|
115
126
|
homepage: http://github.com/cheezy/jqueryui_widgets
|
|
@@ -126,7 +137,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
126
137
|
version: '0'
|
|
127
138
|
segments:
|
|
128
139
|
- 0
|
|
129
|
-
hash: -
|
|
140
|
+
hash: -2842964414733939533
|
|
130
141
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
131
142
|
none: false
|
|
132
143
|
requirements:
|
|
@@ -135,7 +146,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
135
146
|
version: '0'
|
|
136
147
|
segments:
|
|
137
148
|
- 0
|
|
138
|
-
hash: -
|
|
149
|
+
hash: -2842964414733939533
|
|
139
150
|
requirements: []
|
|
140
151
|
rubyforge_project:
|
|
141
152
|
rubygems_version: 1.8.25
|
|
@@ -152,15 +163,21 @@ test_files:
|
|
|
152
163
|
- features/html/jquery-ui.js
|
|
153
164
|
- features/html/menus.html
|
|
154
165
|
- features/html/progress_bar.html
|
|
166
|
+
- features/html/slider.html
|
|
167
|
+
- features/html/spinner.html
|
|
155
168
|
- features/html/style.css
|
|
156
169
|
- features/html/tabs.html
|
|
157
170
|
- features/menus.feature
|
|
158
171
|
- features/progress_bar.feature
|
|
172
|
+
- features/slider.feature
|
|
173
|
+
- features/spinner.feature
|
|
159
174
|
- features/step_definitions/accordion_steps.rb
|
|
160
175
|
- features/step_definitions/basic_dialog_steps.rb
|
|
161
176
|
- features/step_definitions/common_steps.rb
|
|
162
177
|
- features/step_definitions/menu_steps.rb
|
|
163
178
|
- features/step_definitions/progress_bar_steps.rb
|
|
179
|
+
- features/step_definitions/slider_steps.rb
|
|
180
|
+
- features/step_definitions/spinner_steps.rb
|
|
164
181
|
- features/step_definitions/tab_steps.rb
|
|
165
182
|
- features/support/env.rb
|
|
166
183
|
- features/support/hooks.rb
|
|
@@ -168,5 +185,7 @@ test_files:
|
|
|
168
185
|
- features/support/pages/basic_dialog_page.rb
|
|
169
186
|
- features/support/pages/menu_page.rb
|
|
170
187
|
- features/support/pages/progress_bar_page.rb
|
|
188
|
+
- features/support/pages/slider_page.rb
|
|
189
|
+
- features/support/pages/spinner_page.rb
|
|
171
190
|
- features/support/pages/tabs_page.rb
|
|
172
191
|
- features/tabs.feature
|