livingstyleguide 1.0.2 → 1.0.3

data/test/fixtures/standalone/modules/_buttons.md

@@ -1,6 +0,0 @@
-# Buttons
-
-~~~
-<button class="button">A button</button>
-~~~
-

data/test/fixtures/standalone/modules/_buttons.scss

@@ -1,4 +0,0 @@
-.button {
-  background: red;
-}
-

data/test/fixtures/standalone/style.scss

@@ -1,5 +0,0 @@
-$my-base-color: green;
-
-@import "compass";
-@import "modules/buttons";
-

data/test/fixtures/standalone/styleguide-as-json.html.lsg

@@ -1,9 +0,0 @@
-{
-  "source": "style.scss",
-  "title": "My Nice & Beautiful Living Style Guide",
-  "javascript-before": ["modernizr.js"],
-  "javascript-after": ["http://code.jquery.com/jquery-2.0.3.js", "application.js"],
-  "header": "<h1>Super Style Guide</h1>",
-  "footer": "<p>Made by me</p>"
-}
-

data/test/fixtures/standalone/styleguide-with-header-footer.html.lsg

@@ -1,7 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-header: |
-  <h1>Super Style Guide</h1>
-footer: |
-  <p>Made by me</p>
-

data/test/fixtures/standalone/styleguide-with-javascript.html.lsg

@@ -1,8 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-javascript-before:
-  - modernizr.js
-javascript-after:
-  - http://code.jquery.com/jquery-2.0.3.js
-  - application.js
-

data/test/fixtures/standalone/styleguide-with-sass.html.lsg

@@ -1,6 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-styleguide-sass: |
-  #test
-    color: green
-

data/test/fixtures/standalone/styleguide-with-scss.html.lsg

@@ -1,7 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-styleguide-scss: |
-  #test {
-    color: red;
-  }
-

data/test/fixtures/standalone/styleguide-with-style.html.lsg

@@ -1,7 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-style:
-  color: red
-  border-radius: 3px
-  code-color: darken($my-base-color, 10%)
-

data/test/fixtures/standalone/styleguide.html.lsg

@@ -1,3 +0,0 @@
-source: "style.scss"
-title: "My Nice & Beautiful Living Style Guide"
-

data/test/fixtures/stylesheets/variables/_more-other-colors.sass

@@ -1,2 +0,0 @@
-$blue: blue
-$green: green

data/test/fixtures/stylesheets/variables/colors.scss

@@ -1,2 +0,0 @@
-$my-wonderful_red: red;
-  $blue : "blue";

data/test/fixtures/stylesheets/variables/other-colors.sass

@@ -1,2 +0,0 @@
-$blue: blue
-$green: green

data/test/integration/command_line_test.rb

@@ -1,12 +0,0 @@
-require 'test_helper'
-
-describe "LivingStyleGuide::CommandLineInterface" do
-
-  it "should output the style guide" do
-    `./bin/livingstyleguide compile test/fixtures/standalone/style.html.lsg`
-    File.exists?('test/fixtures/standalone/style.html').must_equal true
-    File.delete 'test/fixtures/standalone/style.html'
-  end
-
-end
-

data/test/integration/markdown_test.rb

@@ -1,136 +0,0 @@
-require 'test_helper'
-require 'tilt'
-
-class MarkdownTest < Minitest::Test
-
-  def render_markdown(file, options)
-    engine = LivingStyleGuide::Engine.new('', options, {})
-    engine.markdown = File.read(file)
-    engine.html
-  end
-
-  def assert_markdown(expected, file, options = {})
-    expected = expected.gsub(/\s+/m, ' ').gsub(/([\$\(\)\[\]])/) { |s| "\\#{s}" }.strip
-    given    = render_markdown(File.join(%W(test fixtures markdown #{file})), options)
-    given    = given.gsub(/\s+/m, ' ').strip
-    assert_match /#{expected}/, given
-  end
-
-  def test_examples
-    assert_markdown <<-HTML, 'example.md'
-      <div class="livingstyleguide--example">
-        <button class="button">Test</button>
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+button.+Test.+button.+</code></pre>
-    HTML
-  end
-
-  def test_full_width_examples
-    assert_markdown <<-HTML, 'full-width-example.md'
-      <div class="livingstyleguide--example -lsg-has-full-width">
-        <button class="button">Test</button>
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+button.+Test.+button.+</code></pre>
-    HTML
-  end
-
-  def test_haml_example
-    assert_markdown <<-HTML, 'haml-example.md'
-      <div class="livingstyleguide--example">
-        <button class="button">Test</button>
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><em>%button</em><b>.button</b> Test</code></pre>
-    HTML
-  end
-
-  def test_haml_example_with_highlight
-    assert_markdown <<-HTML, 'haml-example-with-highlight.md'
-      <div class="livingstyleguide--example">
-        <button class="button">Test</button>
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><em>%button</em><strong class="livingstyleguide--code-highlight">.button</strong> Test</code></pre>
-    HTML
-  end
-
-  def test_text
-    assert_markdown <<-HTML, 'text.md'
-      <h2 class="livingstyleguide--headline" id="hello-world"><a class="livingstyleguide--anchor" href="#hello-world"></a>Hello World</h2>
-      <p class="livingstyleguide--paragraph">Lorem ipsum <strong>dolor</strong> sit amet,
-        <code class="livingstyleguide--code-span livingstyleguide--code">&lt;consectetur&gt; adipiscing</code> elit.
-        Sed a pulvinar turpis.</p>
-      <ul class="livingstyleguide--unordered-list">
-        <li class="livingstyleguide--unordered-list-item">Lorem</li>
-        <li class="livingstyleguide--unordered-list-item">Ipsum</li>
-        <li class="livingstyleguide--unordered-list-item">Dolor</li>
-      </ul>
-      <h3 class="livingstyleguide--sub-headline" id="more-lorem"><a class="livingstyleguide--anchor" href="#more-lorem"></a>More Lorem</h3>
-      <ol class="livingstyleguide--ordered-list">
-        <li class="livingstyleguide--ordered-list-item">Lorem</li>
-        <li class="livingstyleguide--ordered-list-item">Ipsum</li>
-        <li class="livingstyleguide--ordered-list-item">Dolor</li>
-      </ol>
-      <h4 class="livingstyleguide--sub-sub-headline" id="even-more-lorem"><a class="livingstyleguide--anchor" href="#even-more-lorem"></a>Even More Lorem</h4>
-    HTML
-  end
-
-  def test_code
-    assert_markdown <<-HTML, 'code.md'
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><b><i>.my-class</i></b> {
-        <b>color:</b> <b>red</b>;
-      }</code></pre>
-    HTML
-  end
-
-  def test_code_with_highlight
-    assert_markdown <<-HTML, 'code-with-highlight.md'
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight">example</strong>.+</code></pre>
-    HTML
-  end
-
-  def test_code_with_highlight_block
-    assert_markdown <<-HTML, 'code-with-highlight-block.md'
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight-block">.+Block example.+</strong>.+</code></pre>
-    HTML
-  end
-
-  def test_example_with_highlight
-    assert_markdown <<-HTML, 'example-with-highlight.md'
-      <div class="livingstyleguide--example">
-        <img class="inline example">
-        <img class="inline ex-1 ex-2">
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">.+<strong class="livingstyleguide--code-highlight">example</strong>.+
-      <strong class="livingstyleguide--code-highlight">ex-1</strong> <strong class="livingstyleguide--code-highlight">ex-2</strong>.+</code></pre>
-    HTML
-  end
-
-  def test_variables
-    assert_markdown <<-HTML, 'variables.md'
-      <ul class="livingstyleguide--color-swatches -lsg-2-columns">
-        <li class="livingstyleguide--color-swatch $blue">$blue</li>
-        <li class="livingstyleguide--color-swatch $green">$green</li>
-      </ul>
-    HTML
-  end
-
-  def test_font_example
-    assert_markdown <<-HTML, 'font-example.md'
-      <div class="livingstyleguide--font-example" style="font: 16px Courier">
-        ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
-        abcdefghijklmnopqrstuvwxyz<br>
-        0123456789<br>
-        !&/()$=@;:,.
-      </div>
-    HTML
-  end
-
-  def test_resetting_language
-    assert_markdown <<-HTML, 'code-block-and-example.md', default_language: 'code'
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">Normal code block</code></pre><div class="livingstyleguide--example">
-        Example
-      </div>
-      <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">Example</code></pre>
-    HTML
-  end
-
-end

data/test/integration/sprockets_test.rb

@@ -1,19 +0,0 @@
-require 'test_helper'
-require 'tilt'
-
-describe "Sprockets integration" do
-
-  describe "sprockets should know when to invalidate cache" do
-    template = Tilt.new('test/fixtures/standalone/styleguide.html.lsg')
-    context = Minitest::Mock.new
-    %w(style.scss modules/_buttons.scss modules/_buttons.md styleguide.html.lsg).each do |file|
-      context.expect :depend_on, nil, ["test/fixtures/standalone/#{file}"]
-    end
-
-    template.render context
-
-    context.verify
-  end
-
-end
-

data/test/integration/standalone_test.rb

@@ -1,68 +0,0 @@
-require 'test_helper'
-require 'tilt'
-
-class MarkdownTest < Minitest::Test
-
-  def test_standalone_project
-    html = render('test/fixtures/standalone/styleguide.html.lsg')
-    assert_match %r(background: red), html
-    assert_match %r(<button class="button">), html
-    assert_match %r(<title>My Nice &amp; Beautiful Living Style Guide</title>), html
-  end
-
-  def test_default_source
-    html = render('test/fixtures/standalone/style.html.lsg')
-    assert_match %r(background: red), html
-    assert_match %r(<button class="button">), html
-  end
-
-  def test_custom_styles
-    html = render('test/fixtures/standalone/styleguide-with-style.html.lsg')
-    assert_match %r(.livingstyleguide--ordered-list { color: red;), html
-    assert_match %r(border-radius: 3px), html
-    assert_match %r(em { color: green;), html
-  end
-
-  def test_javascript_includes
-    html = render('test/fixtures/standalone/styleguide-with-javascript.html.lsg')
-    assert_match %r(<script src="modernizr.js"></script>.*</head>), html
-    assert_match %r(<script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="application.js"></script> </body>), html
-  end
-
-  def test_additional_scss_code
-    html = render('test/fixtures/standalone/styleguide-with-scss.html.lsg')
-    assert_match %r(#test { color: red; }), html
-  end
-
-  def test_additional_sass_code
-    html = render('test/fixtures/standalone/styleguide-with-sass.html.lsg')
-    assert_match %r(#test { color: green; }), html
-  end
-
-  def test_header_footer
-    html = render('test/fixtures/standalone/styleguide-with-header-footer.html.lsg')
-    assert_match %r(<h1>Super Style Guide</h1>), html
-    assert_match %r(<p>Made by me</p>), html
-  end
-
-  def test_json
-    html = render('test/fixtures/standalone/styleguide-as-json.html.lsg')
-    assert_match %r(<title>My Nice &amp; Beautiful Living Style Guide</title>), html
-    assert_match %r(<script src="modernizr.js"></script>.*</head>), html
-    assert_match %r(<script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="application.js"></script> </body>), html
-    assert_match %r(<h1>Super Style Guide</h1>), html
-    assert_match %r(<p>Made by me</p>), html
-  end
-
-  def test_variables
-    html = render('test/fixtures/standalone/styleguide.html.lsg')
-    assert_match %r(\.\\\$my-base-color), html
-  end
-
-  private
-  def render(file)
-    Tilt.new(file).render.gsub(/\s+/, ' ')
-  end
-
-end
-

data/test/integration/variables_test.rb

@@ -1,33 +0,0 @@
-require 'test_helper'
-require 'fileutils'
-require 'compass'
-require 'compass/logger'
-require 'sass/plugin'
-
-class VariablesImporterTest < Minitest::Test
-
-  def setup
-    Compass.configure_sass_plugin!
-  end
-
-  def render(scss)
-    scss    = %Q(@import "compass"; #{scss})
-    options = Compass.sass_engine_options
-    options[:line_comments]      = false
-    options[:style]              = :expanded
-    options[:syntax]             = :scss
-    options[:compass]          ||= {}
-    options[:compass][:logger] ||= Compass::NullLogger.new
-    css = Sass::Engine.new(scss, options).render
-    format_css(css)
-  end
-
-  def format_css(css)
-    css.gsub! %Q(@charset "UTF-8";), ''
-    css.gsub! %r(\n), "\n      "
-    css.gsub! %r( +$), ''
-    css.gsub! %r(\n\n+), "\n"
-    css.strip!
-    %Q(      #{css}\n)
-  end
-end

data/test/test_helper.rb

@@ -1,28 +0,0 @@
-require 'minitest/autorun'
-require 'compass'
-require 'livingstyleguide'
-require 'heredoc_unindent'
-
-Compass.configuration.add_import_path File.join(%w(test fixtures stylesheets))
-
-def parse_file(filename)
-  filename = File.join(File.dirname(__FILE__), 'fixtures', filename.split('/'))
-  syntax   = filename[-4..-1].to_sym
-  syntax   = :scss unless [:scss, :sass].include?(syntax)
-  options  = {
-    :filename   => filename,
-    :load_paths => [File.dirname(filename), LivingStyleGuide::Importer.instance],
-    :syntax     => syntax,
-    :cache      => false,
-    :read_cache => false
-  }
-  Sass::Engine.new(File.read(filename), options)
-end
-
-def normalize(html)
-  html.gsub! /\s+/, ' '
-  html.gsub! '><', '> <'
-  html.strip!
-  html
-end
-

data/test/unit/code_block_test.rb

@@ -1,53 +0,0 @@
-require 'test_helper'
-
-describe LivingStyleGuide::CodeBlock do
-
-  before do
-    @code_block = Class.new(LivingStyleGuide::CodeBlock)
-  end
-
-  describe "when no language is given" do
-    it "should output the code" do
-      @code_block.new("My Code").render.must_equal <<-HTML.unindent.strip
-        <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">My Code</code></pre>
-      HTML
-    end
-
-    it "should html escape the code" do
-      @code_block.new("1 < 2 > 0 &\"").render.must_equal <<-HTML.unindent.strip
-        <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">1 &lt; 2 &gt; 0 &amp;"</code></pre>
-      HTML
-    end
-  end
-
-  describe "when a language is given" do
-    it "should output the code with syntax highlighting" do
-      @code_block.new("<my-code>", :html).render.must_equal <<-HTML.unindent.strip
-        <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code"><b>&lt;<em>my-code</em></b><b>&gt;</b></code></pre>
-      HTML
-    end
-  end
-
-  describe "when filters are set" do
-    it "should filter the code" do
-      @code_block.filter_code do |code|
-        code.gsub(/ugly/, 'beautiful')
-      end
-
-      @code_block.new("my ugly code").render.must_equal <<-HTML.unindent.strip
-        <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">my beautiful code</code></pre>
-      HTML
-    end
-
-    it "should use own syntax highlighter" do
-      @code_block.syntax_highlight do |code|
-        code.gsub(/language/, language)
-      end
-
-      @code_block.new("my ugly language code", "html").render.must_equal <<-HTML.unindent.strip
-        <pre class="livingstyleguide--code-block"><code class="livingstyleguide--code">my ugly html code</code></pre>
-      HTML
-    end
-  end
-end
-