trickster 0.0.4 → 0.0.5

data/test/js/trickster_spec.js

@@ -0,0 +1,10 @@
+describe("Trickster",function() {
+  beforeEach(function() {
+    document.location.hash = "";
+  });
+  it("has a reasonable initial state", function() {
+    Trickster = TricksterLoader(TricksterDefaultConfig,{});
+    expect(Trickster.currentSlide).toBe(0);
+    expect(Trickster.totalSlides).toBe(1);
+  });
+});

data/test/js/utils_spec.js

@@ -0,0 +1,56 @@
+describe("Utils",function() {
+  describe("fOr",function() {
+    it("uses the first function if it's defined",function() {
+      // Given
+      var called = false;
+      var realFunction = function() {
+        called = true;
+      };
+      var otherCalled = false;
+      var otherFunction = function() {
+        otherCalled = true;
+      };
+
+      // When
+      Utils.fOr(realFunction,otherFunction)();
+
+      expect(called).toBe(true);
+      expect(otherCalled).toBe(false);
+    });
+    it("uses the other function if the first one is not defined",function() {
+      // Given
+      var otherCalled = false;
+      var otherFunction = function() {
+        otherCalled = true;
+      };
+
+      // When
+      Utils.fOr(undefined,otherFunction)();
+
+      expect(otherCalled).toBe(true);
+    });
+  });
+  describe("f",function() {
+    it("uses the real funciton passed",function() {
+      // Given
+      var returnValue = 42;
+      var realFunction = function() {
+        return returnValue;
+      };
+
+      // When
+      var func = Utils.f(realFunction);
+
+      // Then
+      expect(func()).toBe(returnValue);
+    });
+
+    it("uses a no-op function if none passed",function() {
+      // When
+      var func = Utils.f();
+
+      // Then
+      expect(func()).toBe(undefined);
+    });
+  });
+}); 

data/test/slide_parser_test.rb

@@ -0,0 +1,50 @@
+require 'test_helper.rb'
+
+class SlideParserTest < Clean::Test::TestCase
+
+  class RememberingRenderer
+    attr_reader :rendered_slides
+    def initialize
+      @rendered_slides = []
+    end
+    def render_slide(slide_type,content)
+      @rendered_slides << [slide_type,content]
+    end
+    def content
+      @rendered_slides.inspect
+    end
+  end
+
+  test_that "title is grabbed from the first line" do
+    Given {
+      @title = any_string
+      @lines = [ @title, any_string, any_string ]
+      @parser = Trickster::SlideParser.new(@lines,nil)
+    }
+    Then {
+      assert_equal @title,@parser.title
+    }
+  end
+
+  test_that "the renderer is called for each slide" do
+    Given {
+      @slides = [
+        ['TITLE',[any_string,any_string]],
+        ['BULLETS',[any_string,any_string]],
+      ];
+      lines = @slides.map { |(slide_type,content)|
+        ["!#{slide_type}",content]
+      }.flatten
+      lines.unshift(any_string)
+      @renderer = RememberingRenderer.new
+      @parser = Trickster::SlideParser.new(lines,@renderer)
+    }
+    When {
+      @resulting_content = @parser.body
+    }
+    Then {
+      assert_equal @slides.inspect,@resulting_content
+      assert_equal @slides,@renderer.rendered_slides
+    }
+  end
+end

data/test/slide_renderer_test.rb

@@ -0,0 +1,316 @@
+require 'test_helper.rb'
+
+class SlideRendererTest < Clean::Test::TestCase
+  def setup
+    @renderer = Trickster::SlideRenderer.new
+  end
+
+  NORMAL_TYPES = ["TITLE","SECTION","NORMAL"]
+  NORMAL_TYPES.each do |slide_type|
+    test_that "a #{slide_type} slide gets first three lines rendered in HTML" do
+      Given {
+        @content = [
+          any_string,
+          any_string,
+          any_string,
+          any_string,
+        ]
+      }
+      When {
+        @renderer.render_slide(slide_type,@content)
+      }
+      Then {
+        assert_content(
+          slide_type,
+          [
+            "<h1>#{@content[0]}</h1>",
+            "<h2>#{@content[1]}</h2>",
+            "<h3>#{@content[2]}</h3>",
+          ],
+          @renderer.content)
+      }
+    end
+    test_that "a #{slide_type} slide gets first line rendered in HTML if there aren't three lines" do
+      Given {
+        @content = [
+          any_string,
+        ]
+      }
+      When {
+        @renderer.render_slide(slide_type,@content)
+      }
+      Then {
+        assert_content(slide_type,"<h1>#{@content[0]}</h1>",@renderer.content)
+      }
+    end
+    test_that "a #{slide_type} slide a background data element if specified in the options" do
+      Given {
+        @content = [
+          any_string,
+        ]
+        @background = any_string
+      }
+      When {
+        @renderer.render_slide(slide_type + ": background=#{@background}",@content)
+      }
+      Then {
+        assert_content(slide_type,"<h1>#{@content[0]}</h1>",@renderer.content,@background)
+      }
+    end
+    test_that "a #{slide_type} slide a transition time data element if specified in the options" do
+      Given {
+        @content = [
+          any_string,
+        ]
+        @transition = any_int
+      }
+      When {
+        @renderer.render_slide(slide_type + ": transition=#{@transition}",@content)
+      }
+      Then {
+        assert_content(slide_type,"<h1>#{@content[0]}</h1>",@renderer.content,nil,@transition)
+      }
+    end
+  end
+
+  test_that "an image just has its first line rendered in an img tag" do
+    Given {
+      @image_url = any_string
+    }
+    When {
+      @renderer.render_slide("IMAGE",[@image_url])
+    }
+    Then {
+      assert_content("IMAGE","<img src='#{@image_url}'>",@renderer.content)
+    }
+  end
+
+  test_that "bullets get the first line as title, remainder as bullets, removing the bullet char" do
+    Given {
+      @title = any_string
+      @bullet1 = any_string
+      @bullet2 = any_string
+      @bullet3 = any_string
+      @bullet4 = any_string
+      @content = [
+        @title,
+        "* #{@bullet1}",
+        "+ #{@bullet2}",
+        "- #{@bullet3}",
+        "#{@bullet4}",
+      ];
+    }
+    When {
+      @renderer.render_slide("BULLETS",@content)
+    }
+    Then {
+      assert_content(
+        "BULLETS",
+        [
+          "<h1>#{@title}</h1>",
+          "<ul>",
+          "<li>#{@bullet1}</li>",
+          "<li>#{@bullet2}</li>",
+          "<li>#{@bullet3}</li>",
+          "<li>#{@bullet4}</li>",
+          "</ul>",
+        ],
+        @renderer.content)
+    }
+  end
+
+  test_that "COMMANDLINE puts every other line as a command" do
+    Given {
+      @command1 = any_string
+      @result1 = any_string
+      @command2 = any_string
+      @result2 = any_string
+      @content = [
+        ">" + @command1,
+        @result1,
+        "%" + @command2,
+        @result2,
+      ]
+    }
+    When {
+      @renderer.render_slide("COMMANDLINE",@content)
+    }
+    Then {
+      assert_content(
+        "COMMANDLINE",
+        [
+          "<pre><code class='no-highlight'><span class='cli-prompt'>&gt;</span> <span class='cli-element cli-command cli-line'>#{@command1}</span>",
+          "<span class='cli-element cli-result'><span class='cli-line'>#{@result1}</span></span>",
+          "<span class='cli-prompt'>%</span> <span class='cli-element cli-command cli-line'>#{@command2}</span>",
+          "<span class='cli-element cli-result'><span class='cli-line'>#{@result2}</span></span>",
+          "</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+
+  test_that "COMMANDLINE groups commands and responses together" do
+    Given {
+      @command1 = any_string :max => 10
+      @result1a = any_string :max => 10
+      @result1b = any_string :max => 10
+      @command2 = any_string :max => 10
+      @result2 = any_string :max => 10
+      @command3 = any_string :max => 10
+      @content = [
+        ">" + @command1,
+        @result1a,
+        @result1b,
+        "%" + @command2,
+        @result2,
+        ">" + @command3,
+      ]
+    }
+    When {
+      @renderer.render_slide("COMMANDLINE",@content)
+    }
+    Then {
+      assert_content(
+        "COMMANDLINE",
+        [
+          "<pre><code class='no-highlight'><span class='cli-prompt'>&gt;</span> <span class='cli-element cli-command cli-line'>#{@command1}</span>",
+          "<span class='cli-element cli-result'><span class='cli-line'>#{@result1a}</span>",
+          "<span class='cli-line'>#{@result1b}</span></span>",
+          "<span class='cli-prompt'>%</span> <span class='cli-element cli-command cli-line'>#{@command2}</span>",
+          "<span class='cli-element cli-result'><span class='cli-line'>#{@result2}</span></span>",
+          "<span class='cli-prompt'>&gt;</span> <span class='cli-element cli-command cli-line'>#{@command3}</span>",
+          "</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+
+  test_that "CODE wraps the code in a pre/code block" do
+    Given {
+      @code = [
+        "#{any_string}",
+        "  #{any_string}",
+        "    #{any_string} #{any_string}",
+        "#{any_string}",
+      ]
+    }
+    When {
+      @renderer.render_slide("CODE",@code)
+    }
+    Then {
+      assert_content(
+        "CODE",
+        [
+          "<pre><code data-strikeouts='' data-callout-lines=''>#{wrap_line(@code[0],1)}",
+          wrap_line(@code[1],2),
+          wrap_line(@code[2],3),
+          "#{wrap_line(@code[3],4)}</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+  test_that "CODE uses the language specified in the options" do
+    Given {
+      @code = [
+        "#{any_string}",
+        "  #{any_string}",
+        "    #{any_string} #{any_string}",
+        "#{any_string}",
+      ]
+      @language = any_string
+    }
+    When {
+      @renderer.render_slide("CODE: language=#{@language}",@code)
+    }
+    Then {
+      assert_content(
+        "CODE",
+        [
+          "<pre><code class='#{@language}' data-strikeouts='' data-callout-lines=''>#{wrap_line(@code[0],1)}",
+          wrap_line(@code[1],2),
+          wrap_line(@code[2],3),
+          "#{wrap_line(@code[3],4)}</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+
+  test_that "CODE that has callouts, with strikouts, as those added to the proper data attributes" do
+    Given {
+      @code = [
+        "#{any_string}",
+        "  #{any_string}",
+        "    #{any_string} #{any_string}",
+        "#{any_string}",
+      ]
+    }
+    When {
+      @renderer.render_slide("CODE: callout=1,-2,3",@code)
+    }
+    Then {
+      assert_content(
+        "CODE",
+        [
+          "<pre><code data-strikeouts='2' data-callout-lines='1,2,3'><div class='lines-callout'>#{wrap_line(@code[0],1,true)}",
+          wrap_line(@code[1],2,true),
+          wrap_line(@code[2],3,true),
+          "</div>#{wrap_line(@code[3],4)}</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+
+  test_that "CODE can be read from a file" do
+    Given {
+      @code = [
+        "#{any_string}",
+        "  #{any_string}",
+        "    #{any_string} #{any_string}",
+        "#{any_string}",
+      ]
+      @filename = "/tmp/#{$$}.code"
+      File.open(@filename,'w') do |file|
+        @code.each do |line|
+          file.puts line
+        end
+      end
+    }
+    When {
+      @renderer.render_slide("CODE",["file://" + @filename])
+    }
+    Then {
+      assert_content(
+        "CODE",
+        [
+          "<pre><code data-strikeouts='' data-callout-lines=''>#{wrap_line(@code[0],1)}",
+          wrap_line(@code[1],2),
+          wrap_line(@code[2],3),
+          "#{wrap_line(@code[3],4)}</code></pre>",
+        ],
+        @renderer.content)
+    }
+  end
+
+private
+
+  def assert_content(slide_type,lines,content,background_attribute=nil,transition_attribute=nil)
+    expected_content = [
+      "<section class='#{slide_type}'#{extra_attributes(background_attribute,transition_attribute)}>",
+      lines,
+      "</section>",
+      "",
+    ].flatten.join("\n")
+    assert_equal expected_content,content
+  end
+
+  def extra_attributes(background_attribute,transition_attribute)
+    background = background_attribute.nil? ? '' : " data-background='#{background_attribute}'"
+    transition = transition_attribute.nil? ? '' : " data-transition='#{transition_attribute}'"
+
+    return background + transition
+  end
+
+  def wrap_line(line,index,callout=false)
+    "<span class='line line-#{index} #{callout ? 'line-callout' : ''}' >#{line}</span>"
+  end
+end

data/test/slideshow-with-sass/css/normalize.css

@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `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
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves 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],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 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;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}