testcentricity_web 4.1.9 → 4.3.0

data/features/support/pages/custom_controls_page.rb

@@ -1,263 +0,0 @@
-# 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 }
-  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

@@ -1,57 +0,0 @@
-# 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 }
-  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

@@ -1,207 +0,0 @@
-# Page Object class definition for Media Test page with CSS locators
-
-class MediaTestPage < BaseTestPage
-  trait(:page_name)    { 'Media Test' }
-  trait(:page_locator) { 'div.media-page-body' }
-  trait(:page_url)     { '/media_page.html' }
-  trait(:navigator)    { header_nav.open_media_page }
-  trait(:page_title)   { 'Media Page'}
-
-  # Media Test page UI elements
-  videos  video_player_1: 'video#video_player1'
-  audios  audio_player:   'audio#audio_player'
-
-  def verify_page_ui
-    super
-
-    preload = case
-              when Environ.browser == :safari
-                'auto'
-              when Environ.device_os == :ios && Environ.driver != :webdriver
-                'auto'
-              when %i[firefox firefox_headless].include?(Environ.browser)
-                ''
-              else
-                'metadata'
-              end
-    video_player_1.wait_until_ready_state_is(4, 20)
-    audio_player.wait_until_ready_state_is(4, 10)
-    ui = {
-      video_player_1 => {
-        visible: true,
-        paused: true,
-        autoplay: false,
-        loop: false,
-        ended: false,
-        controls: true,
-        current_time: 0,
-        ready_state: 4,
-        default_playback_rate: 1,
-        playback_rate: 1,
-        seeking: false,
-        default_muted: false,
-        muted: false,
-        volume: 1,
-        preload: preload,
-        poster: '',
-        src: '',
-        duration: 17.6
-      },
-      audio_player => {
-        visible: true,
-        paused: true,
-        autoplay: false,
-        loop: false,
-        ended: false,
-        controls: true,
-        current_time: 0,
-        ready_state: 4,
-        default_playback_rate: 1,
-        playback_rate: 1,
-        seeking: false,
-        default_muted: false,
-        muted: false,
-        volume: 1,
-        preload: preload,
-        src: ''
-      }
-    }
-    verify_ui_states(ui)
-    unless Environ.browser == :safari
-      ui = { video_player_1 => {
-          width: video_player_1.video_width,
-          height: video_player_1.video_height
-        }
-      }
-      verify_ui_states(ui)
-    end
-  end
-
-  def perform_action(media_type, action)
-    player = dispatch_player(media_type)
-    case action.downcase.to_sym
-    when :play
-      player.play
-      player.send_keys(:enter) if player.paused?
-      player.click_at(25, 25) if player.paused?
-    when :pause
-      player.pause
-    when :mute
-      player.mute
-    when :unmute
-      player.unmute
-    else
-      raise "#{action} is not a valid selector"
-    end
-    sleep(2)
-  end
-
-  def verify_media_state(media_type, state)
-    player = dispatch_player(media_type)
-    duration = player.duration
-    props = case state.downcase.to_sym
-            when :playing
-              {
-                visible: true,
-                paused: false,
-                ended: false,
-                current_time: { greater_than: 0 },
-                seeking: false
-              }
-            when :paused
-              {
-                visible: true,
-                paused: true,
-                ended: false,
-                current_time: { greater_than: 0 },
-                seeking: false
-              }
-            when :ended
-              {
-                visible: true,
-                paused: true,
-                ended: true,
-                current_time: duration,
-                seeking: false
-              }
-            when :muted
-              {
-                visible: true,
-                muted: true
-              }
-            when :unmuted
-              {
-                visible: true,
-                muted: false
-              }
-            else
-              raise "#{state} is not a valid selector"
-            end
-    verify_ui_states(player => props)
-  end
-
-  def set_playback_rate(media_type, rate)
-    player = dispatch_player(media_type)
-    player.playback_rate = rate.to_f
-    reset_play(player)
-  end
-
-  def verify_playback_rate(media_type, rate)
-    player = dispatch_player(media_type)
-    ui = {
-      player => {
-        playback_rate: rate.to_f,
-        visible: true,
-        paused: false,
-        seeking: false,
-        current_time: { greater_than: 0 }
-      }
-    }
-    verify_ui_states(ui)
-  end
-
-  def set_volume(media_type, volume)
-    player = dispatch_player(media_type)
-    player.volume = volume.to_f
-    reset_play(player)
-  end
-
-  def verify_volume(media_type, volume)
-    player = dispatch_player(media_type)
-    ui = {
-      player => {
-        volume: volume.to_f,
-        visible: true,
-        muted: false,
-        paused: false,
-        seeking: false,
-        current_time: { greater_than: 0 }
-      }
-    }
-    verify_ui_states(ui)
-  end
-
-  private
-
-  def dispatch_player(media_type)
-    player = case media_type.downcase.to_sym
-             when :video
-               video_player_1
-             when :audio
-               audio_player
-             else
-               raise "#{media_type} is not a valid selector"
-             end
-    player.wait_until_ready_state_is(4, 20)
-    player
-  end
-
-  def reset_play(player)
-    player.pause
-    player.current_time = 0
-    player.play
-    player.send_keys(:enter) if player.paused?
-    player.click_at(25, 25) if player.paused?
-    sleep(2)
-  end
-end

data/features/support/sections/header_nav.rb

@@ -1,48 +0,0 @@
-# Section Object class definition for Top Navigation Bar
-
-class NavHeader < TestCentricity::PageSection
-  trait(:section_locator) { 'div#nav_bar' }
-  trait(:section_name)    { 'Top Navigation Bar' }
-
-  # Top Navigation Bar UI elements
-  links form_link:             'a#form_link',
-        media_link:            'a#media_link',
-        indexed_sections_link: 'a#indexed_sections_link',
-        custom_controls_link:  'a#custom_controls_link'
-
-  def open_form_page
-    form_link.click
-  end
-
-  def open_media_page
-    media_link.click
-  end
-
-  def open_indexed_sections_page
-    indexed_sections_link.click
-  end
-
-  def open_custom_controls_page
-    custom_controls_link.click
-  end
-
-  def verify_nav_bar
-    self.wait_until_visible(5)
-    ui = {
-      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' },
-      custom_controls_link => { visible: true, caption: 'Custom Controls' },
-    }
-    verify_ui_states(ui)
-  end
-end

data/features/support/sections/product_card.rb

@@ -1,39 +0,0 @@
-# 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/features/support/world_data.rb

@@ -1,12 +0,0 @@
-module WorldData
-  #
-  #  data_objects method returns a hash table of your web app's data objects and associated data object classes to be instantiated
-  #  by the TestCentricity™ DataManager. Data Object class definitions are contained in the features/support/data folder.
-  #
-  def data_objects
-    { form_data_source: FormDataSource }
-  end
-end
-
-
-World(WorldData)

data/features/support/world_pages.rb

@@ -1,18 +0,0 @@
-module WorldPages
-  #
-  #  page_objects method returns a hash table of your web app's page objects and associated page classes to be instantiated
-  # by the TestCentricity™ PageManager. Page Object class definitions are contained in the features/support/pages folder.
-  #
-  def page_objects
-    {
-      basic_css_form_page:   BasicCSSFormPage,
-      basic_xpath_form_page: BasicXpathFormPage,
-      media_test_page:       MediaTestPage,
-      indexed_sections_page: IndexedSectionsPage,
-      custom_controls_page:  CustomControlsPage
-    }
-  end
-end
-
-
-World(WorldPages)

data/reports/.keep

@@ -1 +0,0 @@
-Placeholder file to allow the reports folder to be saved to repository. This folder is required for Jenkins test jobs using the Cucumber Reporting plug-in.

data/spec/fixtures/page_object.rb

@@ -1,22 +0,0 @@
-class TestPage < TestCentricity::PageObject
-  trait(:page_name)    { 'Basic Test Page' }
-  trait(:page_url)     { '/basic_test_page.html' }
-  trait(:page_locator) { 'form#HTMLFormElements' }
-
-  elements    element1: 'div#element1'
-  buttons     button1:  'button#button1'
-  textfields  field1:   'input#field1'
-  links       link1:    'a#link1'
-  ranges      range1:   'input#range1'
-  images      image1:   'img#image1'
-  radios      radio1:   'input#radio1'
-  checkboxes  check1:   'input#check1'
-  filefields  file1:    'input#file1'
-  labels      label1:   'label#label1'
-  tables      table1:   'table#table1'
-  selectlists select1:  'select#select1'
-  lists       list1:    'ul#list1'
-  videos      video1:   'video#video1'
-  audios      audio1:   'audio#audio1'
-  sections    section1: TestSection
-end

data/spec/fixtures/section_object.rb

@@ -1,21 +0,0 @@
-class TestSection < TestCentricity::PageSection
-  trait(:section_locator) { 'div#section' }
-  trait(:section_name)    { 'Basic Test Section' }
-
-  elements    element1: 'div#element1'
-  buttons     button1:  'button#button1'
-  textfields  field1:   'input#field1'
-  links       link1:    'a#link1'
-  ranges      range1:   'input#range1'
-  images      image1:   'img#image1'
-  radios      radio1:   'input#radio1'
-  checkboxes  check1:   'input#check1'
-  filefields  file1:    'input#file1'
-  labels      label1:   'label#label1'
-  tables      table1:   'table#table1'
-  selectlists select1:  'select#select1'
-  lists       list1:    'ul#list1'
-  videos      video1:   'video#video1'
-  audios      audio1:   'audio#audio1'
-  sections    section2: TestSection
-end