dom_glancy 0.1.0

data/app/assets/stylesheets/normalize.css

@@ -0,0 +1,425 @@
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

data/app/controllers/dom_glancy_application_controller.rb

@@ -0,0 +1,8 @@
+class DomGlancyApplicationController < ApplicationController
+  before_filter :get_gem_version
+
+  def get_gem_version
+    @gem_version = Gem.loaded_specs['dom_glancy'].version.to_s
+    @parent_application_name = Rails.application.class.to_s.split('::').first
+  end
+end

data/app/controllers/dom_glancy_controller.rb

@@ -0,0 +1,114 @@
+class DomGlancyController < DomGlancyApplicationController
+  layout 'dom_glancy'
+
+  require 'kramdown'
+
+  def index
+    @files = if DomGlancy.diff_file_location
+      Dir[File.join(DomGlancy.diff_file_location, "*_diff.html")].map{|f| File.basename(f)}
+    else
+      []
+    end
+  end
+
+  def show
+    @test_root = params[:diff_file].gsub('_diff', '').gsub('.html', '')
+
+    @file_diff            = "#{@test_root}_diff.html"
+    @file_set_not_master  = "#{@test_root}__current_not_master__diff.yaml"
+    @file_set_not_current = "#{@test_root}__master_not_current__diff.yaml"
+    @file_set_changed     = "#{@test_root}__changed_master__diff.yaml"
+
+    @file_diff = "#{@test_root}_diff.html"
+  end
+
+  def path_config
+  end
+
+  def new
+    @files_current = Dir[File.join(DomGlancy.current_file_location, '*.yaml')].map { |f| File.basename(f).gsub('.yaml', '') }
+    @files_master  = Dir[File.join(DomGlancy.master_file_location,  '*.yaml')].map { |f| File.basename(f).gsub('.yaml', '') }
+
+    @extra_files = @files_current.select { |f| !@files_master.include?("#{f}_master")}.sort
+  end
+
+  def make_master
+    test_root = params[:file]
+    src = DomGlancy.current_filename(test_root)
+    dst = DomGlancy.master_filename(test_root)
+    FileUtils.cp src, dst
+
+    redirect_to '/dom_glancy/new'
+  end
+
+  def delete_current
+    test_root = params[:file]
+    src = DomGlancy.current_filename(test_root)
+    FileUtils.rm_rf src
+
+    redirect_to '/dom_glancy/new'
+  end
+
+  def artifacts
+    artifacts_location = File.expand_path(File.join('~', 'Downloads', '*_artifacts.zip'))
+    @artifacts = Dir.glob(artifacts_location).map { |f| File.basename(f) }
+  end
+
+  def artifacts_delete
+    artifacts = params[:file].gsub('^', '.')
+    FileUtils.rm_rf File.expand_path(File.join('~', 'Downloads', artifacts))
+    redirect_to '/dom_glancy/artifacts'
+  end
+
+  def artifacts_expand
+    artifacts = params[:file].gsub('^', '.')
+    artifacts = File.expand_path(File.join('~', 'Downloads', artifacts))
+
+    Zip::ZipFile.open(artifacts) do |zip_file|
+      zip_file.each do |entry|
+        file_destination = generate_unzip_destination(entry.name)
+        File.open(file_destination, 'wb') { |file| file.write(zip_file.read(entry)) } if file_destination
+      end
+    end
+
+    redirect_to dom_glancy_path
+  end
+
+  def about
+    about_file = File.expand_path('../../../README.md', __FILE__)
+    raw = File.read(about_file)
+    @about = Kramdown::Document.new(raw).to_html
+  end
+
+  def clear
+    Dir[File.join(DomGlancy.diff_file_location, '*.yaml'), File.join(DomGlancy.diff_file_location, '*.html')].each { |f| FileUtils.rm_rf(f) }
+    Dir[File.join(DomGlancy.current_file_location, '*.yaml')].each { |f| FileUtils.rm_rf(f) }
+    redirect_to dom_glancy_path
+  end
+
+  def bless
+    blessings = []
+    params.each_pair { |k, v| blessings << v if k.start_with?('option_') }
+
+    blessings.each do |blessing|
+      base_test_name = blessing
+
+      src_yaml = DomGlancy.current_filename(base_test_name)
+      dst_yaml = DomGlancy.master_filename(base_test_name)
+
+      FileUtils.cp src_yaml, dst_yaml if File.exist?(src_yaml)
+
+      if params['delete_on_bless'] == 'true'
+        files_to_remove  = [DomGlancy.diff_filename(base_test_name)]
+        files_to_remove << File.join(DomGlancy.diff_file_location, blessing + '__current_not_master__diff.yaml')
+        files_to_remove << File.join(DomGlancy.diff_file_location, blessing + '__master_not_current__diff.yaml')
+        files_to_remove << File.join(DomGlancy.diff_file_location, blessing + '__changed_master__diff.yaml')
+
+        files_to_remove.each { |f| FileUtils.rm_rf f }
+      end
+    end
+
+    redirect_to dom_glancy_path
+  end
+
+end

data/app/views/dom_glancy/about.html.erb

@@ -0,0 +1,3 @@
+<div class="row kr--about">
+  <%= @about.html_safe %>
+</div>

data/app/views/dom_glancy/artifacts.html.erb

@@ -0,0 +1,16 @@
+<div class="row">
+  <h1>TeamCity Artifacts</h1>
+  <p>assume downloads from TeamCity will end up in ~/Downloads</p>
+
+  <p><strong>** Can't unzip yet. **</strong></p>
+  <table class='kr kr--artifacts'>
+    <% @artifacts.each do |artifact| %>
+      <tr>
+        <% a = artifact.gsub('.', '^') %>
+        <th><%= artifact %></th>
+        <td>unzip</td>
+        <td><%= link_to 'delete', "artifacts_delete/#{a}", :class => 'kr' %></td>
+      </tr>
+    <% end -%>
+  </table>
+</div>

data/app/views/dom_glancy/index.html.erb

@@ -0,0 +1,12 @@
+<h2>difference files</h2>
+<% if @files.length > 0 %>
+  <p>file location: <%= DomGlancy.diff_file_location %></p>
+<% else %>
+  <p>There were no differences files found.</p>
+<% end %>
+
+<ul id="kr--files" class="kr--ul">
+  <% @files.each do |file| %>
+    <li class="kr--file"><%= link_to file, "/dom_glancy/show/#{file}", :class => 'kr' %></li>
+  <% end %>
+</ul>

data/app/views/dom_glancy/new.html.erb

@@ -0,0 +1,15 @@
+<div class="row">
+  <p>Files in the Screenshot directory that do not have a corresponding master file in the expected file location. Probably means that they go with a new test.</p>
+</div>
+
+<div class="row">
+  <table class='kr kr--artifacts'>
+    <% @extra_files.each do |f| %>
+      <tr>
+        <td><%= f %></td>
+        <td><%= link_to 'make master', "make_master/#{f}", :class => 'kr' %></td>
+        <td><%= link_to 'delete', "delete_current/#{f}", :class => 'kr' %></td>
+      </tr>
+    <% end %>
+  </table>
+</div>

data/app/views/dom_glancy/path_config.html.erb

@@ -0,0 +1,8 @@
+<h2>Path Configuration</h2>
+<table class="kr">
+  <tbody>
+  <tr><th>master</th><td id="js-config_master"><%= DomGlancy.master_file_location %></td></tr>
+  <tr><th>current</th><td id="js-config_current"><%= DomGlancy.current_file_location %></td></tr>
+  <tr><th>diff</th><td id="js-config_diffs"><%= DomGlancy.diff_file_location %></td></tr>
+  </tbody>
+</table>

data/app/views/dom_glancy/show.html.erb

@@ -0,0 +1,42 @@
+<form name="bessing" action="/dom_glancy/bless" method="POST">
+  <p><input type="checkbox" name="delete_on_bless" value='true' checked>Remove difference files on blessing</p>
+  <input type="submit" value="Bless these differences">
+  <input type="hidden" name="option_1" value="<%= @test_root %>" />
+</form>
+
+<table class="kr--dom_review_table">
+  <tr>
+    <td>
+      <% contents = File.read(File.join(DomGlancy.diff_file_location, "#{@file_diff}")) %>
+      <%= raw(contents) %>
+    </td>
+    <td>
+      <h2>in current dom, not master</h2>
+      <% elements = YAML::load_file(File.join(DomGlancy.diff_file_location, @file_set_not_master)) %>
+      <%= render :partial => "shared/dom_set", :locals => {:elements => elements, :finder_id => 'js--not_master'} %>
+
+      <h2>in master dom, not current</h2>
+      <% elements = YAML::load_file(File.join(DomGlancy.diff_file_location, @file_set_not_current)) %>
+      <%= render :partial => "shared/dom_set", :locals => {:elements => elements, :finder_id => 'js--not_current'} %>
+
+      <h2>changed</h2>
+      <% elements = YAML::load_file(File.join(DomGlancy.diff_file_location, @file_set_changed)) %>
+      <%= render :partial => "shared/dom_set", :locals => {:elements => elements, :finder_id => 'js--changed'} %>
+
+    </td>
+  </tr>
+</table>
+
+<script type="text/javascript">
+  highlightElement = function(element_id) {
+    var elements = document.getElementsByTagName('rect');
+    var element = null;
+    var length = elements.length;
+
+    for (var i = 0; i < length; i++) {
+      elements[i].setAttribute("stroke-width", "1");
+    }
+    var this_element = document.getElementById(element_id);
+    this_element.setAttribute("stroke-width", "5");
+  }
+</script>

data/app/views/layouts/dom_glancy.html.erb

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>DOM Glancy</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+
+  <%= stylesheet_link_tag "noramlize.css", :media => "all" %>
+  <%= stylesheet_link_tag "720_grid.css", :media => "screen and (min-width: 720px)" %>
+  <%= stylesheet_link_tag "986_grid.css", :media => "screen and (min-width: 986px)" %>
+  <%= stylesheet_link_tag "1236_grid.css", :media => "screen and (min-width: 1236px)" %>
+
+  <%= stylesheet_link_tag "dom_glancy", :media => "all" %>
+
+  <%= csrf_meta_tags %>
+</head>
+<body>
+  <div class="grid grid_top">
+    <div class="row">
+      <h1>DOM Glancy</h1>
+    </div>
+    <div class="row">
+      <h2 class="caramel"><%= @parent_application_name %> {<span id="js-kr--gem_rev"><%= @gem_version %></span>}</h2>
+    </div>
+
+    <%= render :partial => 'shared/dom_glancy_nav' %>
+
+    <div class="row">
+      <%= yield %>
+    </div>
+  </div>
+</body>
+</html>

data/app/views/shared/_dom_glancy_nav.html.erb

@@ -0,0 +1,8 @@
+<div class="row" id="js-kr--nav"></a>
+  <a href="/dom_glancy/" class="kr"><div class="slot-0 kr--nav">home</div></a>
+  <a href="/dom_glancy/new" class="kr"><div class="slot-1 kr--nav">new</div></a>
+  <!--<a href="/dom_glancy/artifacts" class="kr"><div class="slot-2 kr--nav">artifacts</div></a>-->
+  <a href="/dom_glancy/config" class="kr"><div class="slot-3 kr--nav">config</div></a>
+  <a href="/dom_glancy/clear" class="kr"><div class="slot-4 kr--nav">clear</div></a>
+  <a href="/dom_glancy/about" class="kr"><div class="slot-5 kr--nav">about</div></a>
+</div>