kraken-mobile 1.0.1 → 1.0.8

data/lib/kraken-mobile/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
-# encoding: utf-8
+
 module KrakenMobile
-  VERSION = "1.0.1"
+  VERSION = '1.0.8'
 end

data/lib/kraken-mobile/web/web_process.rb

@@ -0,0 +1,41 @@
+require 'kraken-mobile/device_process.rb'
+
+class WebProcess < DeviceProcess
+  #-------------------------------
+  # Required methods
+  #-------------------------------
+  def before_execute
+    register_process_to_directory
+    device.create_inbox
+  end
+
+  def after_execute
+    unregister_process_from_directory
+    device.delete_inbox
+  end
+
+  def execute
+    open(execution_command, 'r') do |output|
+      loop do
+        $stdout.print output.readline.to_s
+        $stdout.flush
+      end
+    end
+    $CHILD_STATUS.exitstatus
+  rescue EOFError
+    nil
+  end
+
+  private
+
+  def execution_command
+    feature_path = test_scenario.feature_file.file_path
+    raise 'ERROR: Invalid feature file path' if feature_path.nil?
+
+    "|cucumber #{feature_path} --tags @user#{id} \
+    --require features/web/step_definitions/web_steps.rb \
+    --require features/web/support/app_life_cycle_hooks.rb \
+    --format pretty --format json -o \
+    #{K::REPORT_PATH}/#{@test_scenario.execution_id}/#{device.id}/#{K::FILE_REPORT_NAME}"
+  end
+end

data/lib/kraken_mobile.rb

@@ -0,0 +1,81 @@
+require 'kraken-mobile/utils/feature_reader'
+require 'kraken-mobile/test_scenario'
+
+class KrakenApp
+  include Utils::FeatureReader
+
+  #-------------------------------
+  # Fields
+  #-------------------------------
+
+  attr_accessor :apk_path
+  attr_accessor :scenarios_queue
+
+  #-------------------------------
+  # Constructors
+  #-------------------------------
+  def initialize(apk_path:, properties_path: nil, config_path: nil)
+    @apk_path = apk_path
+    @scenarios_queue = []
+    save_path_in_environment_variable_with_name(
+      name: K::PROPERTIES_PATH, path: properties_path
+    )
+    save_path_in_environment_variable_with_name(
+      name: K::CONFIG_PATH, path: config_path
+    )
+
+    build_scenarios_queue
+  end
+
+  #-------------------------------
+  # Observers
+  #-------------------------------
+  def on_test_scenario_finished
+    execute_next_scenario
+  end
+
+  #-------------------------------
+  # Helpers
+  #-------------------------------
+
+  def start
+    execute_next_scenario
+  end
+
+  def save_path_in_environment_variable_with_name(name:, path:)
+    return if path.nil?
+
+    absolute_path = File.expand_path(path)
+    save_value_in_environment_variable_with_name(
+      name: name,
+      value: absolute_path
+    )
+  end
+
+  def save_value_in_environment_variable_with_name(name:, value:)
+    return if name.nil? || value.nil?
+
+    ENV[name] = value
+  end
+
+  private
+
+  def build_scenarios_queue
+    feature_files.each do |feature_path|
+      scenarios_queue.unshift(
+        TestScenario.new(
+          kraken_app: self,
+          feature_file_path: feature_path
+        )
+      )
+    end
+  end
+
+  def execute_next_scenario
+    return if scenarios_queue.count.zero?
+
+    scenario = scenarios_queue.pop
+    scenario.run
+    scenario
+  end
+end

data/reporter/assets/css/scenario_index.css

@@ -459,3 +459,23 @@ background-color: #E74C3C;
 padding: 50px 0;
 text-align: center;
 }
+
+.step_title {
+  margin-bottom: 10px;
+  white-space:nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+}
+
+.step_title_icon {
+  margin-right: 5px;
+}
+
+.not_available {
+  text-align: center;
+  width: 100%;
+}
+
+.step_image {
+  cursor: pointer;
+}

data/reporter/assets/js/sankey.js

@@ -110,11 +110,21 @@
                 return 10;
               })
               .style("fill", e)
+              .style("cursor", function(t) {
+                if(t.image) {
+                  return "pointer";
+                } else {
+                  return "default";
+                }
+              })
               .on("mouseover", function(t) {
                 mouseover(t, i);
               }).on("mouseout", function(t) {
                 mouseout(t, i);
               })
+              .on("click", function(t) {
+                click(t, i);
+              })
             },
             exit: function() {
               this.remove()
@@ -442,7 +452,7 @@ function mouseover(d, contexter) {
   computedHeight = boundingRect.height;
 
   let xPosition = d.x + margins.left + d.dx + 10;
-  let yPosition = margins.top;
+  let yPosition = d.y + d.dy/2;
   let endXPosition = xPosition + computedWidth;
 
   if(endXPosition > width) {
@@ -457,38 +467,50 @@ function mouseover(d, contexter) {
     im.id = "scene" + d.id;
     im.src = "data:image/png;base64," + d.image
     im.onload = function(e) {
-      var w = this.width;
-      var h = this.height;
+      var h = 100;
       var ixPosition = d.x + margins.left + d.dx + 10; // 10 of separation from node
-      var iyPosition = computedHeight + 10; // 10 of separation from label
-      let endiXPosition = ixPosition + w;
-      let endiYPosition = iyPosition + h;
-
-      var i = 1
-      while(w/i > 100 || h/i > 100) {
-        i++;
-      }
-
-      h = h/i;
-      w = w/i;
-
-      endiXPosition = ixPosition + w;
-      endiYPosition = iyPosition + h;
+      var iyPosition = d.y + d.dy/2 + 10; // 10 of separation from label
 
-      if(endiXPosition > width) {
-        ixPosition -= (endiXPosition-width)
-      }
-
-      contexter.base.append("image")
+      image = contexter.base.append("image")
       .data([this])
       .attr("x", ixPosition)
       .attr("y", iyPosition)
+      .attr("height", 100)
+      .attr("width", 50)
+      .style("width", "auto")
       .attr("xlink:href", this.src)
       .attr("transform", null)
       .attr("id", this.id)
       .attr("class", "scene-image")
-      .attr("width", w)
-      .attr("height", h)
+
+      imageBoundingRect = image.node().getBoundingClientRect();
+      computedImageWidth = imageBoundingRect.width;
+      computedImageHeight = imageBoundingRect.height;
+      let endImageXPosition = ixPosition + computedImageWidth;
+      let endImageYPosition = iyPosition + computedImageHeight;
+
+      if(endImageXPosition > width) {
+        ixPosition -= (endImageXPosition-width)
+      }
+
+      if(endImageYPosition > height + margins.bottom) {
+        iyPosition -= (endImageYPosition-(height+margins.bottom))
+      }
+
+      image.attr("x", ixPosition)
+      .attr("y", iyPosition);
+
+      text.attr("y", iyPosition - 10);
+
+      contexter.base.append('rect')
+      .attr('class', 'scene-image')
+      .attr('width', computedImageWidth)
+      .attr('height', computedImageHeight)
+      .attr('fill', 'transparent')
+      .attr('stroke', 'black')
+      .style('opacity', 0.25)
+      .attr("x", ixPosition)
+      .attr("y", iyPosition);
     }
   }
 }
@@ -497,6 +519,16 @@ function mouseout(d, svg) {
   d3.selectAll("[class=\"scene-image\"]").remove();
 }
 
+function click(d, svg) {
+  if(d.image) {
+    var im = new Image();
+    im.src = "data:image/png;base64," + d.image
+    var w = window.open("",'_blank');
+    w.document.write(im.outerHTML);
+    w.document.close();
+  }
+}
+
 function label(node) {
   return node.name.replace(/\s*\(.*?\)$/, '');
 }

data/reporter/feature_report.html.erb

@@ -175,7 +175,11 @@
                 <%= device.model %> - <%= device.id %>
               </td>
               <td>
-                <i class="fa fa-android fa-lg"><span>android</span></i>
+                <% if device.type == K::ANDROID_DEVICE %>
+                  <i class="fa fa-android fa-lg"><span>android</span></i>
+                <% else %>
+                  <i class="fa fa-globe fa-lg"><span>web</span></i>
+                <% end %>
               </td>
               <td>
                 <%= @apk_path %>

data/reporter/index.html.erb

@@ -595,18 +595,24 @@
         <div class="clearfix"></div>
       </div>
       <div class="row">
-        <% @devices.each do |device| %>
+        <% devices_json.each do |device| %>
         <div class="ui-card col-md-3">
           <div class="container device-container">
             <div class="row device-os-icon">
-              <i class="fa fa-android fa-lg"></i>
+              <% if device[:type] == K::ANDROID_DEVICE %>
+                <i class="fa fa-android fa-lg"></i>
+              <% else %>
+                <i class="fa fa-globe fa-lg"></i>
+              <% end %>
             </div>
-            <div class="row device-title"><%= device['model'] %></div>
-            <div class="row device-info">ID - <%= device['id'] %></div>
-            <div class="row device-info">SDK Version - <%= device['sdk'] %></div>
-            <div class="row device-info">Screen Size - <%= "#{device['screen_height']}x#{device['screen_width']}" %></div>
+            <div class="row device-title"><%= device[:model] %></div>
+            <div class="row device-info">ID - <%= device[:id] %></div>
+            <% if device[:type] == K::ANDROID_DEVICE %>
+              <div class="row device-info">SDK Version - <%= device[:sdk] %></div>
+              <div class="row device-info">Screen Size - <%= "#{device[:screen_height]}x#{device[:screen_width]}" %></div>
+            <% end %>
             <div class="row device-info result-btn">
-              <a href='<%= "./#{device['id']}/feature_report.html" %>'>See Results</a>
+              <a href='<%= "./#{device[:id]}/feature_report.html" %>'>See Results</a>
             </div>
           </div>
         </div>
@@ -643,7 +649,8 @@
       }
       devices = Array.from(devicesSet);
       // GRAPH
-      var height = 150*(devices.length-1);
+      let devicesLength = devices.length > 1 ? (devices.length-1) : 1;
+      var height = 150*devicesLength;
       var c20c = d3.scale.category10();
       d3.select("#chart_row" + (i+1))
       .text(jsonObject["name"])

data/reporter/scenario_report.html.erb

@@ -125,9 +125,42 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> <!-- Closes scenario row -->
+
+    <div class="row">
+      <div class="col-md-12 col-sm-12 col-xs-12">
+        <div class="x_panel" style="height: auto;">
+          <div class="x_title">
+            <h2>Screenshots</h2>
+            <div class="clearfix"></div>
+          </div>
+          <div class="x_content">
+            <div class="container">
+              <div class="row">
+                <% f["steps"].each do |s| %>
+                  <div class="col-md-2">
+                    <div class="step_title">
+                      <i class="fa fa-arrow-right step_title_icon"></i>
+                      <%= s["keyword"] %> <%= s["name"] %>
+                    </div>
+                    <% if(s["after"] && s["after"].count > 0 && s["after"].first["embeddings"] && s["after"].first["embeddings"].count > 0) %>
+                      <% step_image = s["after"].first["embeddings"].first["data"] %>
+                      <img src='<%= "data:image/png;base64,#{step_image}" %>' alt="" class="img-responsive step_image" onclick='<%= "openImageNewTab(\"#{step_image}\")" %>'>
+                    <% else %>
+                      <div class="not_available">
+                        NO IMAGE AVAILABLE
+                      </div>
+                    <% end %>
+                  </div>
+                <% end %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> <!-- Closes screenshots row -->
+    <% end %>
   </div>
-  <% end %>
 
   <script src="../../assets/js/jquery-3.2.1.min.js" ></script>
   <script src="../../assets/js/bootstrap.min.js"></script>
@@ -136,39 +169,48 @@
   <script src="../../assets/js/dataTables.responsive.min.js"></script>
   <script src="../../assets/js/Chart.min.js"></script>
   <script>
-  $(document).ready(function () {
-    passed_scenarios = parseInt("<%= passed_scenarios(@feature).count %>")
-    failed_scenarios = parseInt("<%= failed_scenarios(@feature).count %>")
+    function openImageNewTab(imageData) {
+      var im = new Image();
+      im.src = "data:image/png;base64," + imageData
+      var w = window.open("",'_blank');
+      w.document.write(im.outerHTML);
+      w.document.close();
+    }
 
-    scenarios_data = [passed_scenarios,failed_scenarios];
-    var scenarioOptions = {
-      legend: false,
-      responsive: false
-    };
+    $(document).ready(function () {
 
-    new Chart(document.getElementById("scenario-chart"), {
-      type: 'doughnut',
-      tooltipFillColor: "rgba(51, 51, 51, 0.55)",
-      data: {
-        labels: [
-          "Passed",
-          "Failed"
-        ],
-        datasets: [{
-          data: scenarios_data,
-          backgroundColor: [
-            "#26B99A",
-            "#E74C3C"
-          ]
-        }]
-      },
-      options: scenarioOptions
-    });
+      passed_scenarios = parseInt("<%= passed_scenarios(@feature).count %>")
+      failed_scenarios = parseInt("<%= failed_scenarios(@feature).count %>")
+
+      scenarios_data = [passed_scenarios,failed_scenarios];
+      var scenarioOptions = {
+        legend: false,
+        responsive: false
+      };
+
+      new Chart(document.getElementById("scenario-chart"), {
+        type: 'doughnut',
+        tooltipFillColor: "rgba(51, 51, 51, 0.55)",
+        data: {
+          labels: [
+            "Passed",
+            "Failed"
+          ],
+          datasets: [{
+            data: scenarios_data,
+            backgroundColor: [
+              "#26B99A",
+              "#E74C3C"
+            ]
+          }]
+        },
+        options: scenarioOptions
+      });
 
-    $('body').tooltip({
-      selector: '[data-toggle="tooltip"]'
+      $('body').tooltip({
+        selector: '[data-toggle="tooltip"]'
+      });
     });
-  });
 </script>
 </body>
 </html>