testcentricity_web 4.1.8 → 4.1.9

data/features/support/pages/custom_controls_page.rb

@@ -6,8 +6,258 @@ class CustomControlsPage < BaseTestPage
   trait(:page_url)     { '/custom_controls_page.html' }
   trait(:navigator)    { header_nav.open_custom_controls_page }
   trait(:page_title)   { 'Custom Controls Page'}
+  trait(:divisions)    {
+    ['NFC EAST',
+     'NFC NORTH',
+     'NFC SOUTH',
+     'NFC WEST',
+     'AFC EAST',
+     'AFC NORTH',
+     'AFC SOUTH',
+     'AFC WEST']
+  }
+  trait(:teams)        {
+    ['Dallas Cowboys',
+     'New York Giants',
+     'Philadelphia Eagles',
+     'Washington Redskins',
+     'Chicago Bears',
+     'Detroit Lions',
+     'Green Bay Packers',
+     'Minnesota Vikings',
+     'Atlanta Falcons',
+     'Carolina Panthers',
+     'New Orleans Saints',
+     'Tampa Bay Buccaneers',
+     'Arizona Cardinals',
+     'St. Louis Rams',
+     'San Francisco 49ers',
+     'Seattle Seahawks',
+     'Buffalo Bills',
+     'Miami Dolphins',
+     'New England Patriots',
+     'New York Jets',
+     'Baltimore Ravens',
+     'Cincinnati Bengals',
+     'Cleveland Browns',
+     'Pittsburgh Steelers',
+     'Houston Texans',
+     'Indianapolis Colts',
+     'Jacksonville Jaguars',
+     'Tennessee Titans',
+     'Denver Broncos',
+     'Kansas City Chiefs',
+     'Oakland Raiders',
+     'San Diego Chargers']
+  }
+  trait(:countries)    { ['United Kingdom', 'Tonga', 'Sweden', 'Peru', 'Belize', 'Mali', 'Ireland'] }
+
+  # Custom Controls page UI elements
+  selectlists country_select: 'div#country_chosen',
+              team_select:    'div#team_chosen'
+  checkboxes  pork_check:     "label[for='check1']",
+              beef_check:     "label[for='check2']",
+              chicken_check:  "label[for='check3']",
+              shrimp_check:   "label[for='check4']"
+  radios      mild_radio:     "label[for='radio1']",
+              spicey_radio:   "label[for='radio2']",
+              hot_radio:      "label[for='radio3']",
+              flaming_radio:  "label[for='radio4']"
+  tables      custom_table:   'div#resp-table'
+
+  attr_accessor :selected_country
+  attr_accessor :selected_team
+  attr_accessor :selected_checks
+  attr_accessor :selected_radio
+
+  def initialize
+    super
+    # define the custom list element components for the Country and Team Chosen selectlists
+    list_spec = {
+      selected_item: "li[class*='result-selected']",
+      list_item:     "li[class*='active-result']",
+      text_field:    'input.chosen-search-input',
+      options_list:  'ul.chosen-results',
+      group_item:    'li.group-result',
+      group_heading: 'li.group-result'
+    }
+    country_select.define_list_elements(list_spec)
+    team_select.define_list_elements(list_spec)
+    # define the custom element components for the checkboxes
+    check_spec = { input: "input[type='checkbox']" }
+    pork_check.define_custom_elements(check_spec)
+    beef_check.define_custom_elements(check_spec)
+    chicken_check.define_custom_elements(check_spec)
+    shrimp_check.define_custom_elements(check_spec)
+    # define the custom element components for the radios
+    radio_spec = { input: "input[type='radio']" }
+    mild_radio.define_custom_elements(radio_spec)
+    spicey_radio.define_custom_elements(radio_spec)
+    hot_radio.define_custom_elements(radio_spec)
+    flaming_radio.define_custom_elements(radio_spec)
+    # define the custom element components for the table
+    table_spec = {
+      table_body:    'div#resp-table-body',
+      table_row:     'div.resp-table-row',
+      table_column:  'div.table-body-cell',
+      table_header:  'div#resp-table-header',
+      header_column: 'div.table-header-cell'
+    }
+    custom_table.define_table_elements(table_spec)
+  end
 
   def verify_page_ui
     super
+
+    ui = {
+      country_select => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        optioncount: 251
+      },
+      team_select => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        optioncount: 32,
+        options: teams,
+        groupcount: 8,
+        group_headings: divisions
+      },
+      pork_check => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        checked: true,
+        caption: 'Pork'
+      },
+      beef_check => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        checked: false,
+        caption: 'Beef'
+      },
+      chicken_check => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        checked: false,
+        caption: 'Chicken'
+      },
+      shrimp_check => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        checked: false,
+        caption: 'Shrimp'
+      },
+      mild_radio => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        selected: true,
+        caption: 'Mild'
+      },
+      spicey_radio => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        selected: false,
+        caption: 'Spicey'
+      },
+      hot_radio => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        selected: false,
+        caption: 'Hot'
+      },
+      flaming_radio => {
+        exists: true,
+        visible: true,
+        enabled: true,
+        selected: false,
+        caption: 'Flaming'
+      },
+      custom_table => {
+        visible: true,
+        columncount: 4,
+        rowcount: 3,
+        { row: 1 } => [['Cell 1–1', 'Cell 1–2', 'Cell 1–3', 'Cell 1–4']],
+        { row: 2 } => [['Cell 2–1', 'Cell 2–2', 'Cell 2–3', 'Cell 2–4']],
+        { row: 3 } => [['Cell 3–1', 'Cell 3–2', 'Cell 3–3', 'Cell 3–4']],
+        { cell: [1, 3] } => ['Cell 1–3'],
+        { cell: [2, 4] } => ['Cell 2–4'],
+        { column: 3 } => [['Cell 1–3', 'Cell 2–3', 'Cell 3–3']]
+      }
+    }
+    verify_ui_states(ui)
+    team_select.verify_options(teams)
+  end
+
+  def populate_form
+    @selected_country = countries.sample
+    @selected_team = teams.sample
+    @selected_checks = [:chicken, :shrimp]
+    @selected_radio = 3
+    fields = {
+      country_select => @selected_country,
+      team_select    => @selected_team,
+      pork_check     => @selected_checks.include?(:pork),
+      beef_check     => @selected_checks.include?(:beef),
+      chicken_check  => @selected_checks.include?(:chicken),
+      shrimp_check   => @selected_checks.include?(:shrimp),
+      mild_radio     => @selected_radio == 1,
+      spicey_radio   => @selected_radio == 2,
+      hot_radio      => @selected_radio == 3,
+      flaming_radio  => @selected_radio == 4
+    }
+    populate_data_fields(fields)
+  end
+
+  def set_select_options
+    @selected_country = countries.sample
+    @selected_team = teams.sample
+    country_select.set(@selected_country)
+    team_select.set(@selected_team)
+  end
+
+  def verify_form_data
+    ui = {
+      country_select => { selected: @selected_country },
+      team_select    => { selected: @selected_team },
+      pork_check     => { checked: @selected_checks.include?(:pork) },
+      beef_check     => { checked: @selected_checks.include?(:beef) },
+      chicken_check  => { checked: @selected_checks.include?(:chicken) },
+      shrimp_check   => { checked: @selected_checks.include?(:shrimp) },
+      mild_radio     => { selected: @selected_radio == 1 },
+      spicey_radio   => { selected: @selected_radio == 2 },
+      hot_radio      => { selected: @selected_radio == 3 },
+      flaming_radio  => { selected: @selected_radio == 4 }
+    }
+    verify_ui_states(ui)
+  end
+
+  def choose_options_by(method)
+    case method.downcase.to_sym
+    when :index
+      country_select.choose_option(index: 56)
+      team_select.choose_option(index: 20)
+    when :text
+      country_select.choose_option('Costa Rica')
+      team_select.choose_option('Seattle Seahawks')
+    else
+      raise "#{method} is not a valid selector"
+    end
+  end
+
+  def verify_chosen_options
+    ui = {
+      country_select => { selected: 'Costa Rica' },
+      team_select    => { selected: 'Seattle Seahawks' }
+    }
+    verify_ui_states(ui)
   end
 end

data/features/support/pages/indexed_sections_page.rb

@@ -7,7 +7,51 @@ class IndexedSectionsPage < BaseTestPage
   trait(:navigator)    { header_nav.open_indexed_sections_page }
   trait(:page_title)   { 'Indexed Sections Page'}
 
+  list    :product_list, 'div#product_list'
+  section :product_card, ProductCard
+
+  def initialize
+    super
+    # define the list item element for the Product list object
+    list_elements = { list_item: 'div.column' }
+    product_list.define_list_elements(list_elements)
+    # associate the Product Card indexed section object with the Product list object
+    product_card.set_list_index(product_list)
+  end
+
   def verify_page_ui
     super
+
+    ui = {
+      product_list => {
+        exists: true,
+        visible: true,
+        itemcount: 4
+      },
+      product_card => { items: ['Tailored Jeans', 'Faded Short Sleeve T-shirts', 'Print Dress', 'Blouse'] }
+    }
+    verify_ui_states(ui)
+    # verify contents of first product card
+    product_card.set_list_index(product_list, 1)
+    card_data = {
+      product_name: 'Tailored Jeans',
+      price: '$59.99',
+      description: 'Some text about the jeans. Super slim and comfy lorem ipsum lorem jeansum. Lorem jeamsun denim lorem jeansum.',
+      rating: 3,
+      image_alt: 'Denim Jeans',
+      image_src: 'images/jeans3.jpg'
+    }
+    product_card.verify_card(card_data)
+    # verify contents of second product card
+    product_card.set_list_index(product_list, 2)
+    card_data = {
+      product_name: 'Faded Short Sleeve T-shirts',
+      price: '$19.99',
+      description: "Faded short sleeve t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!",
+      rating: 4,
+      image_alt: 'Faded Short Sleeve T-shirts',
+      image_src: 'images/T-shirt.jpg'
+    }
+    product_card.verify_card(card_data)
   end
 end

data/features/support/pages/media_test_page.rb

@@ -8,8 +8,8 @@ class MediaTestPage < BaseTestPage
   trait(:page_title)   { 'Media Page'}
 
   # Media Test page UI elements
-  videos video_player_1: 'video#video_player1'
-  audios audio_player: 'audio#audio_player'
+  videos  video_player_1: 'video#video_player1'
+  audios  audio_player:   'audio#audio_player'
 
   def verify_page_ui
     super
@@ -24,7 +24,7 @@ class MediaTestPage < BaseTestPage
               else
                 'metadata'
               end
-    video_player_1.wait_until_ready_state_is(4, 10)
+    video_player_1.wait_until_ready_state_is(4, 20)
     audio_player.wait_until_ready_state_is(4, 10)
     ui = {
       video_player_1 => {
@@ -63,8 +63,7 @@ class MediaTestPage < BaseTestPage
         muted: false,
         volume: 1,
         preload: preload,
-        src: '',
-        duration: 3.45
+        src: ''
       }
     }
     verify_ui_states(ui)
@@ -154,8 +153,8 @@ class MediaTestPage < BaseTestPage
         playback_rate: rate.to_f,
         visible: true,
         paused: false,
-        current_time: { greater_than: 0 },
-        seeking: false
+        seeking: false,
+        current_time: { greater_than: 0 }
       }
     }
     verify_ui_states(ui)
@@ -175,8 +174,8 @@ class MediaTestPage < BaseTestPage
         visible: true,
         muted: false,
         paused: false,
-        current_time: { greater_than: 0 },
-        seeking: false
+        seeking: false,
+        current_time: { greater_than: 0 }
       }
     }
     verify_ui_states(ui)
@@ -193,7 +192,7 @@ class MediaTestPage < BaseTestPage
              else
                raise "#{media_type} is not a valid selector"
              end
-    player.wait_until_ready_state_is(4, 10)
+    player.wait_until_ready_state_is(4, 20)
     player
   end
 
@@ -203,6 +202,6 @@ class MediaTestPage < BaseTestPage
     player.play
     player.send_keys(:enter) if player.paused?
     player.click_at(25, 25) if player.paused?
-    sleep(1)
+    sleep(2)
   end
 end

data/features/support/sections/header_nav.rb

@@ -27,8 +27,17 @@ class NavHeader < TestCentricity::PageSection
   end
 
   def verify_nav_bar
+    self.wait_until_visible(5)
     ui = {
-      self => { exists: true, visible: true, class: 'topnav' },
+      self => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        displayed: true,
+        enabled: true,
+        disabled: false,
+        class: 'topnav'
+      },
       form_link => { visible: true, caption: 'Basic HTML Form' },
       media_link => { visible: true, caption: 'Media' },
       indexed_sections_link => { visible: true, caption: 'Indexed Sections' },

data/features/support/sections/product_card.rb

@@ -0,0 +1,39 @@
+# Section Object class definition for Product Card
+
+class ProductCard < TestCentricity::PageSection
+  trait(:section_locator) { 'div.column' }
+  trait(:section_name)    { 'Product Card' }
+
+  # Product Card UI elements
+  image    :product_image,      "img[data-test-id='product_image']"
+  labels   name_label:          "h1[data-test-id='product_name']",
+           price_label:         "p[data-test-id='price']",
+           description_label:   "p[data-test-id='description']"
+  elements ratings:             "div[data-test-id='rating']",
+           checked_star:        'span.fa.fa-star.checked'
+  button   :add_to_cart_button, "button[data-test-id='add_to_cart']"
+
+  def get_value
+    name_label.get_caption
+  end
+
+  def verify_card(card_data)
+    ui = {
+      product_image => {
+        visible: true,
+        loaded: true,
+        broken: false,
+        src: { ends_with: card_data[:image_src] },
+        alt: card_data[:image_alt]
+      },
+      name_label         => { visible: true, caption: card_data[:product_name] },
+      price_label        => { visible: true, caption: card_data[:price] },
+      description_label  => { visible: true, caption: card_data[:description] },
+      checked_star       => { count: card_data[:rating] },
+      add_to_cart_button => { visible: true, enabled: true, caption: 'Add to Cart' }
+    }
+    within(self.get_locator) do
+      verify_ui_states(ui)
+    end
+  end
+end

data/lib/testcentricity_web/browser_helper.rb

@@ -95,12 +95,6 @@ module TestCentricity
       Capybara.page.driver.browser.switch_to.window(Capybara.page.driver.browser.window_handles.last)
     end
 
-    def self.close_named_browser_instance(name)
-      Capybara.page.driver.browser.switch_to.window(Capybara.page.driver.find_window(name))
-      Capybara.page.driver.browser.close
-      Capybara.page.driver.browser.switch_to.window(Capybara.page.driver.browser.window_handles.last)
-    end
-
     def self.suppress_js_alerts
       Capybara.page.execute_script('window.alert = function() {}')
     end

data/lib/testcentricity_web/version.rb

@@ -1,3 +1,3 @@
 module TestCentricityWeb
-  VERSION = '4.1.8'
+  VERSION = '4.1.9'
 end

data/lib/testcentricity_web/web_core/page_objects_helper.rb

@@ -298,7 +298,7 @@ module TestCentricity
     def populate_data_fields(data, wait_time = nil, integrity_check = false)
       timeout = wait_time.nil? ? 5 : wait_time
       data.each do |data_field, data_param|
-        unless data_param.blank?
+        unless data_param != false && data_param.blank?
           # make sure the intended UI target element is visible before trying to set its value
           data_field.wait_until_visible(timeout)
           if data_param == '!DELETE'

data/lib/testcentricity_web/web_core/page_section.rb

@@ -234,7 +234,7 @@ module TestCentricity
     #   radio :accept_terms_radio,  "//input[@id='Accept_Terms']"
     #   radio :decline_terms_radio, 'input#decline_terms_conditions'
     #
-    def self.radio(element_name, locator, proxy = nil)
+    def self.radio(element_name, locator)
       define_element(element_name, TestCentricity::Radio, locator)
     end
 

data/lib/testcentricity_web/web_core/webdriver_helper.rb

@@ -267,6 +267,50 @@ module TestCentricity
       Capybara.default_driver = :selenium
     end
 
+    def self.initialize_remote
+      Environ.grid = :selenium_grid
+      browser  = ENV['WEB_BROWSER'].downcase.to_sym
+      @endpoint = ENV['REMOTE_ENDPOINT'] || 'http://127.0.0.1:4444/wd/hub' if @endpoint.nil?
+
+      case browser
+      when :safari
+        options = Selenium::WebDriver::Safari::Options.new
+      when :ie
+        options = Selenium::WebDriver::IE::Options.new
+      when :firefox, :firefox_headless
+        options = firefox_options(browser)
+      when :chrome, :chrome_headless, :edge, :edge_headless
+        options = chrome_edge_options(browser)
+      else
+        if ENV['HOST_BROWSER'] && ENV['HOST_BROWSER'].downcase.to_sym == :chrome
+          Environ.platform = :mobile
+          Environ.device_name = Browsers.mobile_device_name(ENV['WEB_BROWSER'])
+          user_agent = Browsers.mobile_device_agent(ENV['WEB_BROWSER'])
+          options = Selenium::WebDriver::Chrome::Options.new(options: {'excludeSwitches' => ['enable-automation']})
+          options.add_argument('--disable-dev-shm-usage')
+          options.add_argument("--user-agent='#{user_agent}'")
+          options.add_argument("--lang=#{ENV['LOCALE']}") if ENV['LOCALE']
+        else
+          raise "Requested browser '#{browser}' is not supported on Selenium Grid"
+        end
+      end
+
+      Capybara.register_driver :remote_browser do |app|
+        Capybara::Selenium::Driver.new(app,
+                                       browser: :remote,
+                                       url: @endpoint,
+                                       capabilities: [options]).tap do |driver|
+          # configure file_detector for remote uploads
+          driver.browser.file_detector = lambda do |args|
+            str = args.first.to_s
+            str if File.exist?(str)
+          end
+        end
+      end
+      Capybara.current_driver = :remote_browser
+      Capybara.default_driver = :remote_browser
+    end
+
     # :nocov:
     def self.initialize_browserstack
       browser = ENV['BS_BROWSER']
@@ -414,50 +458,6 @@ module TestCentricity
       config_file_uploads
     end
 
-    def self.initialize_remote
-      Environ.grid = :selenium_grid
-      browser  = ENV['WEB_BROWSER'].downcase.to_sym
-      @endpoint = ENV['REMOTE_ENDPOINT'] || 'http://127.0.0.1:4444/wd/hub' if @endpoint.nil?
-
-      case browser
-      when :safari
-        options = Selenium::WebDriver::Safari::Options.new
-      when :ie
-        options = Selenium::WebDriver::IE::Options.new
-      when :firefox, :firefox_headless
-        options = firefox_options(browser)
-      when :chrome, :chrome_headless, :edge, :edge_headless
-        options = chrome_edge_options(browser)
-      else
-        if ENV['HOST_BROWSER'] && ENV['HOST_BROWSER'].downcase.to_sym == :chrome
-          Environ.platform = :mobile
-          Environ.device_name = Browsers.mobile_device_name(ENV['WEB_BROWSER'])
-          user_agent = Browsers.mobile_device_agent(ENV['WEB_BROWSER'])
-          options = Selenium::WebDriver::Chrome::Options.new(options: {'excludeSwitches' => ['enable-automation']})
-          options.add_argument('--disable-dev-shm-usage')
-          options.add_argument("--user-agent='#{user_agent}'")
-          options.add_argument("--lang=#{ENV['LOCALE']}") if ENV['LOCALE']
-        else
-          raise "Requested browser '#{browser}' is not supported on Selenium Grid"
-        end
-      end
-
-      Capybara.register_driver :remote_browser do |app|
-        Capybara::Selenium::Driver.new(app,
-                                       browser: :remote,
-                                       url: @endpoint,
-                                       capabilities: [options]).tap do |driver|
-          # configure file_detector for remote uploads
-          driver.browser.file_detector = lambda do |args|
-            str = args.first.to_s
-            str if File.exist?(str)
-          end
-        end
-      end
-      Capybara.current_driver = :remote_browser
-      Capybara.default_driver = :remote_browser
-    end
-
     def self.initialize_saucelabs
       browser = ENV['SL_BROWSER']
       Environ.grid = :saucelabs