testcentricity_web 4.1.6 → 4.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 98ea25aaf7cff4f07b966b6cac829a2cd6ad3234403e3a01257ff6dd07beaf38
-  data.tar.gz: 20082c59c2d9f7c5e69959500b4bc97e10f1dc93309f1ec601acdf7b0cf8d29c
+  metadata.gz: 58ddfdbcb8747347fcb06efdd2a888509fa904bd5541a0f3d4d303af6469552c
+  data.tar.gz: 14f9af8661d7e571d10f79e3d093cafa4e744388d5c1d6f9232e207fe5e82d6f
 SHA512:
-  metadata.gz: 40ccfaa119abc07f1bb3254cf05e2c3b5d28548b92c65da43faabc3b524af4b074973767e79da7901de09a609ee95af65e3525ea60b49dd3676b88a6956e7478
-  data.tar.gz: 1959d24e265fdbb21e088f4192b0de5a86f227d22b0b73870a0ab2ed12430d2b898718d2fcbb4b4330f8ec689bef770d09b3cefa39ec0a0cb75b8ab624078abb
+  metadata.gz: 768e113468d0dfc68f01467bc4304f41903bff09f59db9f2c8dd013545c061523c7e0947669d1befadcf43b1187e57df3cb188d803b3d802d905c0c3467ce852
+  data.tar.gz: 3133dc1f23ff3a839c45e2c6424d152f6c85916497c00dd9a815113f2acb8225f45efab91ce9d7cb4ada454d33115649ad61f4073f109a7dec44e40891971043

data/CHANGELOG.md

@@ -2,6 +2,25 @@
 All notable changes to this project will be documented in this file.
 
 
+## [4.1.7] - 28-MAR-2022
+
+### Fixed
+* `CheckBox.set_checkbox_state` and `Radio.set_selected_state` work on iOS simulators again.
+
+### Changes
+* `Audio.playback_rate` and `Video.playback_rate` now return value as a `Float` instead of a `String`.
+* `Audio.default_playback_rate` and `Video.default_playback_rate` now return value as a `Float` instead of a `String`.
+* `Audio.current_time` and `Video.current_time` now return value as a `Float` rounded to two decimal places.
+* `Audio.duration` and `Video.duration` now return value as a `Float` rounded to two decimal places.
+
+### Added
+* `Audio.mute` and `Video.mute` methods added.
+* `Audio.unmute` and `Video.unmute` methods added.
+* `Audio.playback_rate` and `Video.playback_rate` now accept a `Float` value as an input for setting the playback rate
+  of media.
+* `Audio.volume` and `Video.volume` now accept a `Float` value between 0 and 1 as an input for setting the volume of media.
+
+
 ## [4.1.6] - 21-MAR-2022
 
 ### Fixed

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    testcentricity_web (4.1.6)
+    testcentricity_web (4.1.7)
       appium_lib
       browserstack-local
       capybara (>= 3.1, < 4)
@@ -50,7 +50,7 @@ GEM
     chronic (0.10.2)
     coercible (1.0.0)
       descendants_tracker (~> 0.0.1)
-    concurrent-ruby (1.1.9)
+    concurrent-ruby (1.1.10)
     cucumber (7.1.0)
       builder (~> 3.2, >= 3.2.4)
       cucumber-core (~> 10.1, >= 10.1.0)

data/Rakefile

@@ -5,12 +5,12 @@ require 'rake'
 
 
 namespace :features do
-  Cucumber::Rake::Task.new(:edge) do |t|
-    t.profile = 'edge'
+  Cucumber::Rake::Task.new(:edge_local) do |t|
+    t.profile = 'edge_local'
   end
 
-  Cucumber::Rake::Task.new(:chrome) do |t|
-    t.profile = 'chrome'
+  Cucumber::Rake::Task.new(:chrome_local) do |t|
+    t.profile = 'chrome_local'
   end
 
   Cucumber::Rake::Task.new(:edge_headless) do |t|
@@ -21,17 +21,40 @@ namespace :features do
     t.profile = 'chrome_headless'
   end
 
-  Cucumber::Rake::Task.new(:safari) do |t|
-    t.profile = 'safari'
+  Cucumber::Rake::Task.new(:safari_local) do |t|
+    t.profile = 'safari_local'
   end
 
-  Cucumber::Rake::Task.new(:firefox) do |t|
-    t.profile = 'firefox'
+  Cucumber::Rake::Task.new(:firefox_local) do |t|
+    t.profile = 'firefox_local'
   end
 
   Cucumber::Rake::Task.new(:firefox_headless) do |t|
     t.profile = 'firefox_headless'
   end
 
-  task :all => [:edge, :edge_headless, :chrome, :chrome_headless, :safari]
+  Cucumber::Rake::Task.new(:edge_grid) do |t|
+    t.profile = 'edge_grid'
+  end
+
+  Cucumber::Rake::Task.new(:chrome_grid) do |t|
+    t.profile = 'chrome_grid'
+  end
+
+  Cucumber::Rake::Task.new(:firefox_grid) do |t|
+    t.profile = 'firefox_grid'
+  end
+
+  Cucumber::Rake::Task.new(:ios_remote) do |t|
+    t.profile = 'ios_remote'
+  end
+
+
+  task :required => [:edge_local, :edge_headless, :chrome_local, :chrome_headless, :safari_local]
+
+  task :grid => [:edge_grid, :chrome_grid]
+
+  task :mobile => [:ios_remote]
+
+  task :all => [:edge_local, :edge_headless, :chrome_local, :chrome_headless, :safari_local, :edge_grid, :chrome_grid, :ios_remote]
 end

data/config/cucumber.yml

@@ -25,20 +25,29 @@ parallel: PARALLEL=true REPORTING=true --require features --format pretty --form
 # profiles for locally hosted desktop web browsers
 #==============
 
-chrome:  WEB_BROWSER=chrome <%= desktop %>
+local:   TEST_ENVIRONMENT=LOCAL
+chrome:  WEB_BROWSER=chrome DATA_SOURCE=yaml <%= desktop %>
+edge:    WEB_BROWSER=edge DATA_SOURCE=json <%= desktop %>
+safari:  WEB_BROWSER=safari DATA_SOURCE=Excel <%= desktop %>
 firefox: WEB_BROWSER=firefox <%= desktop %>
-edge:    WEB_BROWSER=edge <%= desktop %>
-safari:  WEB_BROWSER=safari <%= desktop %>
 
-firefox_headless: WEB_BROWSER=firefox_headless <%= desktop %>
-chrome_headless:  WEB_BROWSER=chrome_headless <%= desktop %>
-edge_headless:    WEB_BROWSER=edge_headless <%= desktop %>
+chrome_local:  --profile local --profile chrome
+edge_local:    --profile local --profile edge
+safari_local:  --profile local --profile safari
+firefox_local: --profile local --profile firefox
+
+firefox_headless: --profile local WEB_BROWSER=firefox_headless <%= desktop %>
+chrome_headless:  --profile local WEB_BROWSER=chrome_headless <%= desktop %>
+edge_headless:    --profile local WEB_BROWSER=edge_headless <%= desktop %>
 
 
 #==============
 # profile for Selenium Grid and Dockerized Selenium Grid hosted desktop web browsers
 #==============
-grid: SELENIUM=remote REMOTE_ENDPOINT="http://localhost:4444/wd/hub"
+grid:         SELENIUM=remote TEST_ENVIRONMENT=REMOTE REMOTE_ENDPOINT="http://localhost:4444/wd/hub"
+chrome_grid:  --profile grid --profile chrome
+edge_grid:    --profile grid --profile edge
+firefox_grid: --profile grid --profile firefox
 
 
 #==============
@@ -66,6 +75,8 @@ app_ios_15: --profile appium_ios APP_VERSION="15.4"
 ipad_pro_12_15_sim: --profile app_ios_15 DEVICE_TYPE=tablet APP_DEVICE="iPad Pro (12.9-inch) (5th generation)"
 ipad_air_15_sim:    --profile app_ios_15 DEVICE_TYPE=tablet APP_DEVICE="iPad Air (5th generation)" <%= desktop %>
 
+ios_remote: --profile ipad_pro_12_15_sim --profile run_appium ORIENTATION=portrait TEST_ENVIRONMENT=REMOTE
+
 
 #==============
 # profiles for Android mobile web browsers hosted within Android Studio Android Virtual Device emulators
@@ -76,6 +87,8 @@ appium_android:    WEB_BROWSER=appium APP_PLATFORM_NAME="Android" <%= desktop %>
 app_android_12:    --profile appium_android APP_BROWSER="Chrome" APP_VERSION="12.0"
 pixel_c_api31_sim: --profile app_android_12 DEVICE_TYPE=tablet APP_DEVICE="Pixel_C_API_31"
 
+android_remote: --profile pixel_c_api31_sim --profile run_appium ORIENTATION=portrait TEST_ENVIRONMENT=REMOTE
+
 
 #==============
 # profiles for remotely hosted web browsers on the BrowserStack service

data/config/test_data/data.json

@@ -0,0 +1,12 @@
+{
+  "Environments": {
+    "LOCAL": {
+      "PROTOCOL": "file",
+      "BASE_URL": "/../../test_site"
+    },
+    "REMOTE": {
+      "PROTOCOL": "http",
+      "BASE_URL": "192.168.1.129/test_site"
+    }
+  }
+}

data/config/test_data/data.yml

@@ -0,0 +1,12 @@
+# -------------------------------------------------------------
+# This is the generic test data required to run the UAL Flight Booking test suites against the QA and PROD test environments.
+# -------------------------------------------------------------
+
+# This section is populated with Environment data required to execute automated test suites on all supported environments
+Environments:
+  LOCAL:
+    PROTOCOL: "file"
+    BASE_URL: "/../../test_site"
+  REMOTE:
+    PROTOCOL: "http"
+    BASE_URL: "192.168.1.129/test_site"

data/features/basic_test_page_css.feature

@@ -22,3 +22,14 @@ Feature: Basic HTML Test Page using CSS locators
     Then I expect the form fields to be correctly populated
     When I cancel my changes
     Then I expect the Basic CSS Test page to be correctly displayed
+
+
+  Scenario Outline:  Verify functionality of navigation tabs
+    When I click the <target_page> navigation tab
+    Then I expect the <target_page> page to be correctly displayed
+
+    Examples:
+      |target_page      |
+      |Media Test       |
+      |Indexed Sections |
+      |Custom Controls  |

data/features/basic_test_page_xpath.feature

@@ -1,3 +1,6 @@
+@!grid
+
+
 Feature: Basic HTML Test Page using Xpath locators
   In order to xxx
   As a xxxx

data/features/media_players.feature

@@ -0,0 +1,87 @@
+
+
+
+Feature: Basic HTML Test Page using CSS locators
+  In order to xxx
+  As a xxxx
+  I expect to xxxx
+
+
+  Background:
+    Given I am on the Media Test page
+
+
+  Scenario:  Verify video player play and pause controls
+    When I play the video media
+    Then the video should be playing
+    When I pause the video media
+    Then the video should be paused
+
+
+  Scenario:  Verify audio player play and pause controls
+    When I play the audio media
+    Then the audio should be playing
+    When I pause the audio media
+    Then the audio should be paused
+
+
+  Scenario:  Verify video player mute control
+    When I mute the video media
+    Then the video should be muted
+    When I unmute the video media
+    Then the video should be unmuted
+
+
+  Scenario:  Verify audio player mute control
+    When I mute the audio media
+    Then the audio should be muted
+    When I unmute the audio media
+    Then the audio should be unmuted
+
+
+  Scenario:  Verify video player volume control
+    When I set the volume of the video to .5
+    Then the video should have a volume of .5
+
+
+  Scenario:  Verify audio player volume control
+    When I set the volume of the audio to .5
+    Then the audio should have a volume of .5
+
+
+  Scenario:  Verify video playback speed settings
+    When I play the video with a playback speed of 2x
+    Then the video should play at 2x speed
+    When I play the video with a playback speed of 0.25x
+    Then the video should play at 0.25x speed
+    When I play the video with a playback speed of 1.75x
+    Then the video should play at 1.75x speed
+    When I play the video with a playback speed of 0.5x
+    Then the video should play at 0.5x speed
+    When I play the video with a playback speed of 1.5x
+    Then the video should play at 1.5x speed
+    When I play the video with a playback speed of 0.75x
+    Then the video should play at 0.75x speed
+    When I play the video with a playback speed of 1.25x
+    Then the video should play at 1.25x speed
+    When I play the video with a playback speed of 1x
+    Then the video should play at 1x speed
+
+
+  Scenario:  Verify audio playback speed settings
+    When I play the audio with a playback speed of 2x
+    Then the audio should play at 2x speed
+    When I play the audio with a playback speed of 0.25x
+    Then the audio should play at 0.25x speed
+    When I play the audio with a playback speed of 1.75x
+    Then the audio should play at 1.75x speed
+    When I play the audio with a playback speed of 0.5x
+    Then the audio should play at 0.5x speed
+    When I play the audio with a playback speed of 1.5x
+    Then the audio should play at 1.5x speed
+    When I play the audio with a playback speed of 0.75x
+    Then the audio should play at 0.75x speed
+    When I play the audio with a playback speed of 1.25x
+    Then the audio should play at 1.25x speed
+    When I play the audio with a playback speed of 1x
+    Then the audio should play at 1x speed

data/features/step_definitions/generic_steps.rb.rb

@@ -35,3 +35,10 @@ end
 Then(/^I expect the tab order to be correct$/) do
   PageManager.current_page.verify_tab_order
 end
+
+
+When(/^I click the (.*) navigation (?:tab|link)$/) do |page_name|
+  # find and navigate to the specified target page
+  target_page = PageManager.find_page(page_name)
+  target_page.navigate_to
+end

data/features/step_definitions/media_steps.rb

@@ -0,0 +1,30 @@
+
+
+When(/^I (.*) the (.*) media$/) do |action, media_type|
+  media_test_page.perform_action(media_type, action)
+end
+
+
+Then(/^the (.*) should be (.*)$/) do |media_type, state|
+  media_test_page.verify_media_state(media_type, state)
+end
+
+
+When(/^I play the (.*) with a playback speed of (.*)x$/) do |media_type, rate|
+  media_test_page.set_playback_rate(media_type, rate)
+end
+
+
+Then(/^the (.*) should play at (.*)x speed$/) do |media_type, rate|
+  media_test_page.verify_playback_rate(media_type, rate)
+end
+
+
+When(/^I set the volume of the (.*) to (.*)$/) do |media_type, volume|
+  media_test_page.set_volume(media_type, volume)
+end
+
+
+Then(/^the (.*) should have a volume of (.*)$/) do |media_type, volume|
+  media_test_page.verify_volume(media_type, volume)
+end

data/features/support/env.rb

@@ -5,13 +5,15 @@ require 'require_all'
 require 'simplecov'
 require 'testcentricity_web'
 
-SimpleCov.command_name "features #{ENV['WEB_BROWSER']}" + (ENV['TEST_ENV_NUMBER'] || '')
+include TestCentricity
+
+SimpleCov.command_name("features-#{ENV['WEB_BROWSER']}-#{ENV['SELENIUM']}" + (ENV['TEST_ENV_NUMBER'] || ''))
 
 # require_relative 'world_data'
 require_relative 'world_pages'
 
 # require_rel 'data'
-# require_rel 'sections'
+require_rel 'sections'
 require_rel 'pages'
 
 $LOAD_PATH << './lib'
@@ -27,8 +29,9 @@ I18n.locale = ENV['LOCALE']
 Faker::Config.locale = ENV['LOCALE']
 
 # instantiate all data objects and target test environment
-# include WorldData
-# environs.find_environ(ENV['TEST_ENVIRONMENT'], :yaml)
+include WorldData
+ENV['DATA_SOURCE'] = 'yaml' unless ENV['DATA_SOURCE']
+environs.find_environ(ENV['TEST_ENVIRONMENT'], ENV['DATA_SOURCE'].downcase.to_sym)
 # WorldData.instantiate_data_objects
 
 # instantiate all page objects
@@ -38,6 +41,10 @@ WorldPages.instantiate_page_objects
 # establish connection to WebDriver and target web browser
 Webdrivers.cache_time = 86_400
 
-options = { app_host: "file://#{File.dirname(__FILE__)}/../../test_site" }
-options = { app_host: "http://192.168.1.129"}
-TestCentricity::WebDriverConnect.initialize_web_driver(options)
+
+url = if ENV['TEST_ENVIRONMENT'].downcase == 'local'
+        "file://#{File.dirname(__FILE__)}/../../test_site"
+      else
+        Environ.current.app_host
+      end
+WebDriverConnect.initialize_web_driver(app_host: url)

data/features/support/pages/base_test_page.rb

@@ -0,0 +1,11 @@
+# Page Object class definition for Base Test page
+
+class BaseTestPage < TestCentricity::PageObject
+  # Base Test page UI elements
+  label    :header_label, 'h2'
+  sections header_nav:    NavHeader
+
+  def navigate_to
+    navigator
+  end
+end

data/features/support/pages/basic_css_test_page.rb

@@ -12,8 +12,8 @@ class BasicCSSTestPage < BasicTestPage
               number_field:      'input#number-field',
               color_picker:      'input#color-picker',
               comments_field:    'textarea#comments'
-  range       :slider,           'input#slider'
-  filefield   :upload_file,      'input#filename'
+  ranges      slider:            'input#slider'
+  filefields  upload_file:       'input#filename'
   checkboxes  check_1:           'input#check1',
               check_2:           'input#check2',
               check_3:           'input#check3',
@@ -24,14 +24,16 @@ class BasicCSSTestPage < BasicTestPage
               radio_4:           'input#radio4'
   selectlists multi_select:      'select#multipleselect',
               drop_down_select:  'select#dropdown'
-  table       :static_table,     'table#table'
+  links       link_1:            'a#link1',
+              link_2:            'a#link2',
+              link_3:            'a#link3'
+  tables      static_table:      'table#table'
   images      image_1:           'img#image1',
               image_2:           'img#image2',
               image_3:           'img#image3'
   buttons     cancel_button:     'input#cancel',
               submit_button:     'input#submit'
-  labels      header_label:      'h1',
-              username_label:    "label[for='username']",
+  labels      username_label:    "label[for='username']",
               password_label:    "label[for='password']",
               max_length_label:  "label[for='maxlength']",
               read_only_label:   "label[for='readonly']",
@@ -44,6 +46,7 @@ class BasicCSSTestPage < BasicTestPage
               radios_label:      'label#radios',
               multiselect_label: "label[for='multipleselect']",
               dropdown_label:    "label[for='dropdown']",
+              link_label:        'label#links',
               table_label:       "label[for='table']",
               images_label:      'label#images'
 end

data/features/support/pages/basic_test_page.rb

@@ -1,8 +1,40 @@
 # Page Object class definition for Basic HTML Test page
 
-class BasicTestPage < TestCentricity::PageObject
+class BasicTestPage < BaseTestPage
   trait(:page_url)         { '/basic_test_page.html' }
+  trait(:navigator)        { header_nav.open_form_page }
   trait(:tab_order)        {
+    [
+      header_nav.form_link,
+      header_nav.media_link,
+      header_nav.indexed_sections_link,
+      header_nav.custom_controls_link,
+      username_field,
+      password_field,
+      max_length_field,
+      read_only_field,
+      number_field,
+      color_picker,
+      slider,
+      comments_field,
+      upload_file,
+      check_1,
+      check_2,
+      check_3,
+      radio_1,
+      [
+        radio_2,
+        radio_3
+      ],
+      multi_select,
+      drop_down_select,
+      link_1,
+      link_2,
+      cancel_button,
+      submit_button
+    ]
+  }
+  trait(:firefox_order)    {
     [
       username_field,
       password_field,
@@ -112,6 +144,22 @@ class BasicTestPage < TestCentricity::PageObject
         options: ['Drop Down Item 1', 'Drop Down Item 2', 'Drop Down Item 3', 'Drop Down Item 4', 'Drop Down Item 5', 'Drop Down Item 6'],
         selected: 'Drop Down Item 1'
       },
+      link_label        => { visible: true, caption: 'Links:' },
+      link_1            => {
+        visible: true,
+        href: { ends_with: 'media_page.html' },
+        caption: 'Open Media Page in same window/tab'
+      },
+      link_2            => {
+        visible: true,
+        href: { ends_with: 'media_page.html' },
+        caption: 'Open Media Page in a new window/tab'
+      },
+      link_3            => {
+        visible: true,
+        aria_disabled: true,
+        caption: 'Disabled Link'
+      },
       table_label       => { visible: true, caption: 'Table:' },
       static_table      => {
         visible: true,
@@ -149,22 +197,30 @@ class BasicTestPage < TestCentricity::PageObject
   end
 
   def form_data
-    file_path = Environ.platform == :mobile ? nil : "#{Dir.pwd}/test_site/images/Wilder.jpg"
+    if Environ.platform == :mobile
+      file_path = nil
+      file_name = ''
+      color_value = '#000000'
+    else
+      file_path = "#{Dir.pwd}/test_site/images/Wilder.jpg"
+      file_name = 'Wilder.jpg'
+      color_value = Faker::Color.hex_color
+    end
     {
       username:     Faker::Name.name,
       password:     'T0p_Sekrit',
       maxlength:    Faker::Marketing.buzzwords,
       number:       Faker::Number.between(from: 10, to: 1024),
-      color:        Faker::Color.hex_color,
-      slider:       45,
+      color:        color_value,
+      slider:       50,
       comments:     Faker::Hipster.paragraph,
       filepath:     file_path,
-      filename:     "Wilder.jpg",
+      filename:     file_name,
       check1:       true,
       check2:       true,
       check3:       false,
-      radio1:       true,
-      radio2:       false,
+      radio1:       false,
+      radio2:       true,
       radio3:       false,
       multi_select: 'Selection Item 2',
       drop_select:  'Drop Down Item 5'
@@ -228,8 +284,11 @@ class BasicTestPage < TestCentricity::PageObject
   end
 
   def verify_tab_order
-    order = if Environ.browser == :safari
+    order = case Environ.browser
+            when :safari
               safari_tab_order
+            when :firefox
+              firefox_order
             else
               tab_order
             end

data/features/support/pages/basic_xpath_test_page.rb

@@ -12,8 +12,8 @@ class BasicXpathTestPage < BasicTestPage
               number_field:      "//input[@id='number-field']",
               comments_field:    "//textarea[@id='comments']",
               color_picker:      "//input[@id='color-picker']"
-  range       :slider,           "//input[@id='slider']"
-  filefield   :upload_file,      "//input[@id='filename']"
+  ranges      slider:            "//input[@id='slider']"
+  filefields  upload_file:       "//input[@id='filename']"
   checkboxes  check_1:           "//input[@id='check1']",
               check_2:           "//input[@id='check2']",
               check_3:           "//input[@id='check3']",
@@ -24,13 +24,16 @@ class BasicXpathTestPage < BasicTestPage
               radio_4:           "//input[@id='radio4']"
   selectlists multi_select:      "//select[@id='multipleselect']",
               drop_down_select:  "//select[@id='dropdown']"
-  table       :static_table,     "//table[@id='table']"
+  links       link_1:            "//a[@id='link1']",
+              link_2:            "//a[@id='link2']",
+              link_3:            "//a[@id='link3']"
+  tables      static_table:      "//table[@id='table']"
   images      image_1:           "//img[@id='image1']",
               image_2:           "//img[@id='image2']",
               image_3:           "//img[@id='image3']"
   buttons     cancel_button:     "//input[@id='cancel']",
               submit_button:     "//input[@id='submit']"
-  labels      header_label:      '//h1',
+  labels      header_label:      '//h2',
               username_label:    "//label[@for='username']",
               password_label:    "//label[@for='password']",
               max_length_label:  "//label[@for='maxlength']",
@@ -44,6 +47,7 @@ class BasicXpathTestPage < BasicTestPage
               radios_label:      "//label[@id='radios']",
               multiselect_label: "//label[@for='multipleselect']",
               dropdown_label:    "//label[@for='dropdown']",
+              link_label:        "//label[@id='links']",
               table_label:       "//label[@for='table']",
               images_label:      "//label[@id='images']"
 end

data/features/support/pages/custom_controls_page.rb

@@ -0,0 +1,16 @@
+# Page Object class definition for Custom Controls page with CSS locators
+
+class CustomControlsPage < BaseTestPage
+  trait(:page_name)    { 'Custom Controls' }
+  trait(:page_locator) { 'div.custom-controls-page-body' }
+  trait(:page_url)     { '/custom_controls_page.html' }
+  trait(:navigator)    { header_nav.open_custom_controls_page }
+
+  def verify_page_ui
+    ui = {
+      self         => { exists: true, secure: false, title: 'Custom Controls Page' },
+      header_label => { visible: true, caption: 'Custom Controls Page' }
+    }
+    verify_ui_states(ui)
+  end
+end

data/features/support/pages/indexed_sections_page.rb

@@ -0,0 +1,16 @@
+# Page Object class definition for Indexed Sections page with CSS locators
+
+class IndexedSectionsPage < BaseTestPage
+  trait(:page_name)    { 'Indexed Sections' }
+  trait(:page_locator) { 'div.indexed-sections-page-body' }
+  trait(:page_url)     { '/indexed_sections_page.html' }
+  trait(:navigator)    { header_nav.open_indexed_sections_page }
+
+  def verify_page_ui
+    ui = {
+      self         => { exists: true, secure: false, title: 'Indexed Sections Page' },
+      header_label => { visible: true, caption: 'Indexed Sections Page' }
+    }
+    verify_ui_states(ui)
+  end
+end