testcentricity_web 4.1.5 → 4.1.8

data/features/support/pages/base_test_page.rb

@@ -0,0 +1,22 @@
+# 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
+
+  def verify_page_ui
+    # verify page title and header
+    ui = {
+      self         => { exists: true, secure: false, title: page_title },
+      header_label => { visible: true, caption: page_title }
+    }
+    verify_ui_states(ui)
+    # verify header navigation bar
+    header_nav.verify_nav_bar
+  end
+end

data/features/support/pages/basic_css_form_page.rb

@@ -0,0 +1,52 @@
+# Page Object class definition for Basic HTML Form page with CSS locators
+
+class BasicCSSFormPage < BasicFormPage
+  trait(:page_name)    { 'Basic CSS Form' }
+  trait(:page_locator) { 'form#HTMLFormElements' }
+
+  # Basic HTML Test page UI elements
+  textfields  username_field:    'input#username',
+              password_field:    'input#password',
+              max_length_field:  'input#maxlength',
+              read_only_field:   'input#readonly',
+              number_field:      'input#number-field',
+              color_picker:      'input#color-picker',
+              comments_field:    'textarea#comments'
+  ranges      slider:            'input#slider'
+  filefields  upload_file:       'input#filename'
+  checkboxes  check_1:           'input#check1',
+              check_2:           'input#check2',
+              check_3:           'input#check3',
+              check_4:           'input#check4'
+  radios      radio_1:           'input#radio1',
+              radio_2:           'input#radio2',
+              radio_3:           'input#radio3',
+              radio_4:           'input#radio4'
+  selectlists multi_select:      'select#multipleselect',
+              drop_down_select:  'select#dropdown'
+  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      username_label:    "label[for='username']",
+              password_label:    "label[for='password']",
+              max_length_label:  "label[for='maxlength']",
+              read_only_label:   "label[for='readonly']",
+              number_label:      "label[for='number-field']",
+              color_label:       "label[for='color-picker']",
+              slider_label:      "label[for='slider']",
+              comments_label:    "label[for='comments']",
+              filename_label:    "label[for='filename']",
+              checkboxes_label:  'label#checkboxes',
+              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_form_page.rb

@@ -0,0 +1,393 @@
+# Page Object class definition for Basic HTML Form page
+
+class BasicFormPage < BaseTestPage
+  trait(:page_url)         { '/basic_test_page.html' }
+  trait(:navigator)        { header_nav.open_form_page }
+  trait(:page_title)       { 'Basic HTML Form'}
+  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,
+      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,
+      cancel_button,
+      submit_button
+    ]
+  }
+  trait(:safari_tab_order) {
+    [
+      username_field,
+      password_field,
+      max_length_field,
+      read_only_field,
+      number_field,
+      comments_field,
+      multi_select,
+      drop_down_select
+    ]
+  }
+
+  def verify_page_ui
+    super
+
+    verify_page_contains(page_title)
+    image_1.wait_until_loaded(5)
+    username_field.scroll_to(:center) if username_field.obscured?
+    ui = {
+      username_label    => { visible: true, caption: 'Username:' },
+      username_field    => {
+        name: 'username',
+        exists: true,
+        displayed: true,
+        obscured: false,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        required: true,
+        value: '',
+        placeholder: 'User name'
+      },
+      password_label    => { visible: true, caption: 'Password:' },
+      password_field    => {
+        name: 'password',
+        visible: true,
+        displayed: true,
+        obscured: false,
+        focused: false,
+        enabled: true,
+        required: true,
+        value: '',
+        placeholder: 'Password'
+      },
+      max_length_label  => { visible: true, caption: 'Max Length:' },
+      max_length_field  => {
+        visible: true,
+        obscured: false,
+        enabled: true,
+        focused: false,
+        placeholder: 'up to 64 characters',
+        value: '',
+        maxlength: 64
+      },
+      read_only_label   => { visible: true, caption: 'Read Only:' },
+      read_only_field   => {
+        visible: true,
+        enabled: true,
+        readonly: true,
+        value: 'I am a read only text field'
+      },
+      number_label      => { visible: true, caption: 'Number:' },
+      number_field      => {
+        visible: true,
+        enabled: true,
+        value: '41',
+        min: 10,
+        max: 1024,
+        step: 1
+      },
+      color_label       => { visible: true, caption: 'Color:' },
+      color_picker      => { visible: true, enabled: true, value: '#000000' },
+      slider_label      => { visible: true, caption: 'Range:' },
+      slider            => {
+        visible: true,
+        enabled: true,
+        value: 25,
+        min: 0,
+        max: 50,
+      },
+      comments_label    => { visible: true, caption: 'TextArea:' },
+      comments_field    => { visible: true, enabled: true, value: '' },
+      filename_label    => { visible: true, caption: 'Filename:' },
+      upload_file       => { visible: true, enabled: true, value: '' },
+      checkboxes_label  => { visible: true, caption: 'Checkbox Items:' },
+      check_1           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        checked: false,
+        indeterminate: false
+      },
+      check_2           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        checked: false,
+        indeterminate: false
+      },
+      check_3           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        checked: false,
+        indeterminate: false
+      },
+      check_4           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: false,
+        disabled: true,
+        checked: false,
+        indeterminate: false
+      },
+      radios_label      => { visible: true, caption: 'Radio Items:' },
+      radio_1           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        selected: false
+      },
+      radio_2           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        selected: false
+      },
+      radio_3           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: true,
+        disabled: false,
+        selected: false
+      },
+      radio_4           => {
+        exists: true,
+        visible: true,
+        hidden: false,
+        enabled: false,
+        disabled: true,
+        selected: false
+      },
+      multiselect_label => { visible: true, caption: 'Multiple Select Values:' },
+      multi_select      => {
+        visible: true,
+        enabled: true,
+        optioncount: 4,
+        options: ['Selection Item 1', 'Selection Item 2', 'Selection Item 3', 'Selection Item 4'],
+        selected: ''
+      },
+      dropdown_label    => { visible: true, caption: 'Dropdown:' },
+      drop_down_select  => {
+        visible: true,
+        enabled: true,
+        optioncount: 6,
+        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,
+        role: 'link',
+        caption: 'Disabled Link'
+      },
+      table_label       => { visible: true, caption: 'Table:' },
+      static_table      => {
+        visible: true,
+        columncount: 3,
+        rowcount: 4,
+        column_headers: %w[Company Contact Country],
+        { row: 1 } => [['Alfreds Futterkiste', 'Maria Anders', 'Germany']],
+        { row: 2 } => [['Centro comercial Moctezuma', 'Francisco Chang', 'Mexico']],
+        { row: 3 } => [['Ernst Handel', 'Roland Mendel', 'Austria']],
+        { row: 4 } => [['Island Trading', 'Helen Bennett', 'UK']],
+        { cell: [1, 3] } => ['Germany'],
+        { cell: [2, 3] } => ['Mexico'],
+        { column: 3 } => [['Germany', 'Mexico', 'Austria', 'UK']]
+      },
+      images_label      => { visible: true, caption: 'Images:' },
+      image_1           => {
+        visible: true,
+        loaded: true,
+        broken: false,
+        src: { ends_with: 'images/Wilder.jpg' },
+        alt: "It's alive"
+      },
+      image_2           => {
+        visible: true,
+        loaded: true,
+        broken: false,
+        src: { ends_with: 'images/You_Betcha.jpg' },
+        alt: 'You Betcha'
+      },
+      image_3           => {
+        visible: true,
+        broken: true,
+        src: { ends_with: 'wrongname.gif' },
+        alt: 'A broken image'
+      },
+      cancel_button     => { visible: true, enabled: true, caption: 'Cancel' },
+      submit_button     => { visible: true, enabled: true, caption: 'Submit' }
+    }
+    verify_ui_states(ui)
+  end
+
+  def form_data
+    data = form_data_source.read_form_data
+
+    if Environ.platform == :mobile
+      file_path = nil
+      file_name = ''
+      color_value = '#000000'
+    else
+      file_path = "#{Dir.pwd}/test_site/images/#{data.image_filename}"
+      file_name = data.image_filename
+      color_value = Faker::Color.hex_color
+    end
+    {
+      username:     data.username,
+      password:     data.password,
+      maxlength:    Faker::Marketing.buzzwords,
+      number:       Faker::Number.between(from: 10, to: 1024),
+      color:        color_value,
+      slider:       50,
+      comments:     Faker::Hipster.paragraph,
+      filepath:     file_path,
+      filename:     file_name,
+      check1:       data.check1,
+      check2:       data.check2,
+      check3:       data.check3,
+      radio1:       false,
+      radio2:       true,
+      radio3:       false,
+      multi_select: data.multi_select,
+      drop_select:  data.drop_down_item
+    }
+  end
+
+  def populate_form
+    @data = form_data
+    fields = {
+      username_field   => @data[:username],
+      password_field   => @data[:password],
+      max_length_field => @data[:maxlength],
+      number_field     => @data[:number],
+      color_picker     => @data[:color],
+      slider           => @data[:slider],
+      comments_field   => @data[:comments],
+      upload_file      => @data[:filepath],
+      check_1          => @data[:check1],
+      check_2          => @data[:check2],
+      check_3          => @data[:check3],
+      radio_1          => @data[:radio1],
+      radio_2          => @data[:radio2],
+      radio_3          => @data[:radio3],
+      multi_select     => @data[:multi_select],
+      drop_down_select => @data[:drop_select]
+    }
+    populate_data_fields(fields)
+  end
+
+  def verify_form_data
+    ui = {
+      username_field   => { value: @data[:username] },
+      password_field   => { value: @data[:password] },
+      max_length_field => { value: @data[:maxlength] },
+      number_field     => { value: @data[:number].to_s },
+      color_picker     => { value: @data[:color] },
+      slider           => { value: @data[:slider] },
+      comments_field   => { value: @data[:comments] },
+      upload_file      => { value: { ends_with: @data[:filename] } },
+      check_1          => { checked: @data[:check1] },
+      check_2          => { checked: @data[:check2] },
+      check_3          => { checked: @data[:check3] },
+      radio_1          => { selected: @data[:radio1] },
+      radio_2          => { selected: @data[:radio2] },
+      radio_3          => { selected: @data[:radio3] },
+      multi_select     => { selected: @data[:multi_select] },
+      drop_down_select => { selected: @data[:drop_select] }
+    }
+    verify_ui_states(ui)
+  end
+
+  def perform_action(action)
+    case action
+    when :submit
+      submit_button.click
+    when :cancel
+      cancel_button.click
+    else
+      raise "#{action} is not a valid selector"
+    end
+  end
+
+  def verify_tab_order
+    order = case Environ.browser
+            when :safari
+              safari_tab_order
+            when :firefox
+              firefox_order
+            else
+              tab_order
+            end
+    verify_focus_order(order)
+  end
+end

data/features/support/pages/basic_xpath_form_page.rb

@@ -0,0 +1,53 @@
+# Page Object class definition for Basic HTML Form page with Xpath locators
+
+class BasicXpathFormPage < BasicFormPage
+  trait(:page_name)    { 'Basic Xpath Form' }
+  trait(:page_locator) { "//form[@id='HTMLFormElements']" }
+
+  # Basic HTML Test page UI elements
+  textfields  username_field:    "//input[@id='username']",
+              password_field:    "//input[@id='password']",
+              max_length_field:  "//input[@id='maxlength']",
+              read_only_field:   "//input[@id='readonly']",
+              number_field:      "//input[@id='number-field']",
+              comments_field:    "//textarea[@id='comments']",
+              color_picker:      "//input[@id='color-picker']"
+  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']",
+              check_4:           "//input[@id='check4']"
+  radios      radio_1:           "//input[@id='radio1']",
+              radio_2:           "//input[@id='radio2']",
+              radio_3:           "//input[@id='radio3']",
+              radio_4:           "//input[@id='radio4']"
+  selectlists multi_select:      "//select[@id='multipleselect']",
+              drop_down_select:  "//select[@id='dropdown']"
+  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:      '//h2',
+              username_label:    "//label[@for='username']",
+              password_label:    "//label[@for='password']",
+              max_length_label:  "//label[@for='maxlength']",
+              read_only_label:   "//label[@for='readonly']",
+              number_label:      "//label[@for='number-field']",
+              color_label:       "//label[@for='color-picker']",
+              slider_label:      "//label[@for='slider']",
+              comments_label:    "//label[@for='comments']",
+              filename_label:    "//label[@for='filename']",
+              checkboxes_label:  "//label[@id='checkboxes']",
+              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,13 @@
+# 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'}
+
+  def verify_page_ui
+    super
+  end
+end

data/features/support/pages/indexed_sections_page.rb

@@ -0,0 +1,13 @@
+# 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'}
+
+  def verify_page_ui
+    super
+  end
+end