testcentricity_web 4.1.6 → 4.1.7

data/features/support/pages/media_test_page.rb

@@ -0,0 +1,195 @@
+# 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 }
+
+  # Media Test page UI elements
+  videos video_player: 'video#video_player'
+  audios audio_player: 'audio#audio_player'
+
+  def verify_page_ui
+    preload = case
+            when Environ.browser == :safari || Environ.device_os == :ios
+              'auto'
+            when Environ.browser == :firefox
+              ''
+            else
+              'metadata'
+            end
+    video_player.wait_until_ready_state_is(4, 10)
+    ui = {
+      self         => { exists: true, secure: false, title: 'Media Page' },
+      header_label => { visible: true, caption: 'Media Page' },
+      video_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,
+        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: '',
+        duration: 3.45
+      }
+    }
+    verify_ui_states(ui)
+  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 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,
+        current_time: { greater_than: 0 },
+        seeking: false
+      }
+    }
+    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,
+        current_time: { greater_than: 0 },
+        seeking: false
+      }
+    }
+    verify_ui_states(ui)
+  end
+
+  private
+
+  def dispatch_player(media_type)
+    player = case media_type.downcase.to_sym
+             when :video
+               video_player
+             when :audio
+               audio_player
+             else
+               raise "#{media_type} is not a valid selector"
+             end
+    player.wait_until_ready_state_is(4, 10)
+    player
+  end
+
+  def reset_play(player)
+    player.pause
+    player.current_time = 0
+    player.play
+    player.send_keys(:enter) if player.paused?
+    sleep(1)
+  end
+end

data/features/support/sections/header_nav.rb

@@ -0,0 +1,28 @@
+# 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
+end

data/features/support/world_data.rb

@@ -0,0 +1,12 @@
+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
+    {}
+  end
+end
+
+
+World(WorldData)

data/features/support/world_pages.rb

@@ -7,6 +7,9 @@ module WorldPages
     {
       basic_css_test_page:   BasicCSSTestPage,
       basic_xpath_test_page: BasicXpathTestPage,
+      media_test_page:       MediaTestPage,
+      indexed_sections_page: IndexedSectionsPage,
+      custom_controls_page:  CustomControlsPage
     }
   end
 end

data/lib/testcentricity_web/data_objects/environment.rb

@@ -71,6 +71,7 @@ module TestCentricity
     @screen_shots = []
 
     attr_accessor :test_environment
+    attr_accessor :app_host
     attr_accessor :browser
     attr_accessor :browser_size
     attr_accessor :headless
@@ -133,9 +134,20 @@ module TestCentricity
       @db_username   = data['DB_USERNAME']
       @db_password   = data['DB_PASSWORD']
 
+      url = @hostname.blank? ? "#{@base_url}#{@append}" : "#{@hostname}/#{@base_url}#{@append}"
+      @app_host = if @user_id.blank? || @password.blank?
+                    "#{@protocol}://#{url}"
+                  else
+                    "#{@protocol}://#{@user_id}:#{@password}@#{url}"
+                  end
+
       super
     end
 
+    def self.app_host
+      @app_host
+    end
+
     def self.session_code
       if @session_code.nil?
         characters = ('a'..'z').to_a

data/lib/testcentricity_web/version.rb

@@ -1,3 +1,3 @@
 module TestCentricityWeb
-  VERSION = '4.1.6'
+  VERSION = '4.1.7'
 end

data/lib/testcentricity_web/web_core/page_object.rb

@@ -312,14 +312,7 @@ module TestCentricity
     end
 
     def open_portal
-      environment = Environ.current
-      url = environment.hostname.blank? ? "#{environment.base_url}#{environment.append}" : "#{environment.hostname}/#{environment.base_url}#{environment.append}"
-      full_url = if environment.user_id.blank? || environment.password.blank?
-                   "#{environment.protocol}://#{url}"
-                 else
-                   "#{environment.protocol}://#{environment.user_id}:#{environment.password}@#{url}"
-                 end
-      visit full_url
+      visit Environ.current.app_host
       Environ.portal_state = :open
     end
 

data/lib/testcentricity_web/web_elements/checkbox.rb

@@ -112,11 +112,10 @@ module TestCentricity
       object_not_found_exception(obj, 'Checkbox')
       invalid_object_type_exception(obj, 'checkbox')
       if @proxy.nil?
-        if obj.native.attribute('ot') == 'JCheckBox'
-          expected = state.to_bool
-          obj.click unless expected == obj.checked?
-        else
+        begin
           obj.set(state)
+        rescue
+          obj.click unless state == obj.checked?
         end
       else
         page.find(:css, @proxy).click unless state == obj.checked?

data/lib/testcentricity_web/web_elements/media.rb

@@ -125,7 +125,7 @@ module TestCentricity
     def current_time
       obj, = find_element(visible = :all)
       object_not_found_exception(obj, @type)
-      obj.native.attribute('currentTime').to_f
+      obj.native.attribute('currentTime').to_f.round(2)
     end
 
     # Return media defaultPlaybackRate property
@@ -137,7 +137,7 @@ module TestCentricity
     def default_playback_rate
       obj, = find_element(visible = :all)
       object_not_found_exception(obj, @type)
-      obj.native.attribute('defaultPlaybackRate')
+      obj.native.attribute('defaultPlaybackRate').to_f
     end
 
     # Return media duration property
@@ -149,7 +149,7 @@ module TestCentricity
     def duration
       obj, = find_element(visible = :all)
       object_not_found_exception(obj, @type)
-      obj.native.attribute('duration').to_f
+      obj.native.attribute('duration').to_f.round(2)
     end
 
     # Return media playbackRate property
@@ -161,7 +161,7 @@ module TestCentricity
     def playback_rate
       obj, = find_element(visible = :all)
       object_not_found_exception(obj, @type)
-      obj.native.attribute('playbackRate')
+      obj.native.attribute('playbackRate').to_f
     end
 
     # Return media readyState property
@@ -247,6 +247,52 @@ module TestCentricity
       page.execute_script('arguments[0].pause()', obj)
     end
 
+    # Mute the media's audio
+    #
+    # @example
+    #   media_player.mute
+    #
+    def mute
+      obj, = find_element(visible = :all)
+      object_not_found_exception(obj, @type)
+      page.execute_script('arguments[0].muted = true;', obj)
+    end
+
+    # Unmute the media's audio
+    #
+    # @example
+    #   media_player.unmute
+    #
+    def unmute
+      obj, = find_element(visible = :all)
+      object_not_found_exception(obj, @type)
+      page.execute_script('arguments[0].muted = false;', obj)
+    end
+
+    # Set the media playbackRate property
+    #
+    # @param value [Float]
+    # @example
+    #   media_player.playback_rate = 1.5
+    #
+    def playback_rate=(value)
+      obj, = find_element(visible = :all)
+      object_not_found_exception(obj, @type)
+      page.execute_script('arguments[0].playbackRate = arguments[1]', obj, value)
+    end
+
+    # Set the media volume property
+    #
+    # @param value [Float] between 0 and 1
+    # @example
+    #   media_player.volume = 0.5
+    #
+    def volume=(value)
+      obj, = find_element(visible = :all)
+      object_not_found_exception(obj, @type)
+      page.execute_script('arguments[0].volume = arguments[1]', obj, value)
+    end
+
     # Return media crossorigin property
     #
     # @return crossorigin value

data/lib/testcentricity_web/web_elements/radio.rb

@@ -101,7 +101,11 @@ module TestCentricity
       object_not_found_exception(obj, 'Radio')
       invalid_object_type_exception(obj, 'radio')
       if @proxy.nil?
-        obj.set(state)
+        begin
+          obj.set(state)
+        rescue
+          obj.click unless state == obj.checked?
+        end
       else
         page.find(:css, @proxy).click unless state == obj.checked?
       end

data/test_site/basic_test_page.html

@@ -15,11 +15,44 @@
             text-align: left;
             padding: 8px;
         }
+        body {
+            margin: 0;
+            font-family: Arial, Helvetica, sans-serif;
+        }
+        .topnav {
+            overflow: hidden;
+            background-color: #333;
+        }
+        .topnav a {
+            float: left;
+            color: #f2f2f2;
+            text-align: center;
+            padding: 12px 14px;
+            text-decoration: none;
+            font-size: 15px;
+        }
+        .topnav a:hover {
+            background-color: #ddd;
+            color: black;
+        }
+        .topnav a.active {
+            background-color: #04AA6D;
+            color: white;
+        }
     </style>
 </head>
     <body>
         <div class="page-body">
-            <h1>Basic HTML Form Example</h1>
+            <h2>Basic HTML Form Example</h2>
+
+            <div id="nav_bar" class="topnav">
+                <a id="form_link" class="active" href="#">Basic HTML Form</a>
+                <a id="media_link" href="media_page.html">Media</a>
+                <a id="indexed_sections_link" href="indexed_sections_page.html">Indexed Sections</a>
+                <a id="custom_controls_link" href="custom_controls_page.html">Custom Controls</a>
+            </div>
+
+
             <div class="centered">
                 <form name="HTMLFormElements" id="HTMLFormElements">
                     <table border="1" cellpadding="5">
@@ -132,6 +165,23 @@
                             </td>
                         </tr>
 
+                        <tr>
+                            <td>
+                                <label id="links">Links:</label>
+                                <ul>
+                                    <li>
+                                        <a id="link1" href="media_page.html">Open Media Page in same window/tab</a>
+                                    </li>
+                                    <li>
+                                        <a id="link2" href="media_page.html" target="_blank">Open Media Page in a new window/tab</a>
+                                    </li>
+                                    <li>
+                                        <a id="link3" role="link" aria-disabled="true">Disabled Link</a>
+                                    </li>
+                                </ul>
+                            </td>
+                        </tr>
+
                         <tr>
                             <td>
                                 <label for="table">Table:</label>

data/test_site/custom_controls_page.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Custom Controls Page</title>
+        <style>
+            table {
+                font-family: arial, sans-serif;
+                font-size: 15px;
+                border-collapse: collapse;
+                width: 85%;
+            }
+            td, th {
+                border: 1px solid #dddddd;
+                text-align: left;
+                padding: 8px;
+            }
+            body {
+                margin: 0;
+                font-family: Arial, Helvetica, sans-serif;
+            }
+            .topnav {
+                overflow: hidden;
+                background-color: #333;
+            }
+            .topnav a {
+                float: left;
+                color: #f2f2f2;
+                text-align: center;
+                padding: 12px 14px;
+                text-decoration: none;
+                font-size: 15px;
+            }
+            .topnav a:hover {
+                background-color: #ddd;
+                color: black;
+            }
+            .topnav a.active {
+                background-color: #04AA6D;
+                color: white;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="custom-controls-page-body">
+            <h2>Custom Controls Page</h2>
+
+            <div id="nav_bar" class="topnav">
+                <a id="form_link" href="basic_test_page.html">Basic HTML Form</a>
+                <a id="media_link" href="media_page.html">Media</a>
+                <a id="indexed_sections_link" href="indexed_sections_page.html">Indexed Sections</a>
+                <a id="custom_controls_link" class="active" href="#">Custom Controls</a>
+            </div>
+
+
+        </div>
+    </body>
+</html>

data/test_site/indexed_sections_page.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Indexed Sections Page</title>
+        <style>
+            table {
+                font-family: arial, sans-serif;
+                font-size: 15px;
+                border-collapse: collapse;
+                width: 85%;
+            }
+            td, th {
+                border: 1px solid #dddddd;
+                text-align: left;
+                padding: 8px;
+            }
+            body {
+                margin: 0;
+                font-family: Arial, Helvetica, sans-serif;
+            }
+            .topnav {
+                overflow: hidden;
+                background-color: #333;
+            }
+            .topnav a {
+                float: left;
+                color: #f2f2f2;
+                text-align: center;
+                padding: 12px 14px;
+                text-decoration: none;
+                font-size: 15px;
+            }
+            .topnav a:hover {
+                background-color: #ddd;
+                color: black;
+            }
+            .topnav a.active {
+                background-color: #04AA6D;
+                color: white;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="indexed-sections-page-body">
+            <h2>Indexed Sections Page</h2>
+
+            <div id="nav_bar" class="topnav">
+                <a id="form_link" href="basic_test_page.html">Basic HTML Form</a>
+                <a id="media_link" href="media_page.html">Media</a>
+                <a id="indexed_sections_link" class="active" href="#">Indexed Sections</a>
+                <a id="custom_controls_link" href="custom_controls_page.html">Custom Controls</a>
+            </div>
+
+
+        </div>
+    </body>
+</html>

data/test_site/media/MIB2-subtitles-pt-BR.vtt

@@ -0,0 +1,49 @@
+WEBVTT
+
+1
+00:00:00.000 --> 00:00:02.500
+Aprendi a me virar e você voltou
+
+2
+00:00:02.500 --> 00:00:05.000
+do espaço sideral
+
+3
+00:00:05.100 --> 00:00:10.500
+e agora vejo que você está aqui no baixo astral
+
+4
+00:00:10.600 --> 00:00:14.000
+eu devia me mudar e ter tomado a sua chave
+
+5
+00:00:14.100 --> 00:00:17.500
+se soubesse que ia voltar para mim enfernizar
+
+6
+00:00:17.600 --> 00:00:19.500
+agora vai, sai daqui
+
+7
+00:00:19.600 --> 00:00:21.500
+Frank!
+
+8
+00:00:21.600 --> 00:00:24.100
+ponha a cabeça para dentro
+
+9
+00:00:24.200 --> 00:00:26.500
+antes que eu emprense nessa janela
+
+10
+00:00:26.600 --> 00:00:29.500
+tá legal
+
+11
+00:00:29.600 --> 00:00:33.500
+hhmm... hhmmm... hmmm...
+
+12
+00:00:33.600 --> 00:00:34.000
+FRANK!!!