haml 1.8.0 → 2.0.3

data/test/haml/helper_test.rb

@@ -1,20 +1,15 @@
 #!/usr/bin/env ruby
-
-require 'rubygems'
-require 'active_support'
-require 'action_controller'
-require 'action_view'
-
-require 'test/unit'
-require File.dirname(__FILE__) + '/../../lib/haml'
+require File.dirname(__FILE__) + '/../test_helper'
 require 'haml/template'
 
 class HelperTest < Test::Unit::TestCase
   include Haml::Helpers
+  Post = Struct.new('Post', :body)
   
   def setup
     @base = ActionView::Base.new
     @base.controller = ActionController::Base.new
+    @base.instance_variable_set('@post', Post.new("Foo bar\nbaz"))
   end
 
   def render(text, options = {})
@@ -27,14 +22,14 @@ class HelperTest < Test::Unit::TestCase
   end
 
   def test_flatten
-    assert_equal(flatten("FooBar"), "FooBar")
+    assert_equal("FooBar", flatten("FooBar"))
 
-    assert_equal(flatten("Foo\rBar"), "FooBar")
+    assert_equal("FooBar", flatten("Foo\rBar"))
 
-    assert_equal(flatten("Foo\nBar"), "Foo&#x000A;Bar")
+    assert_equal("Foo&#x000A;Bar", flatten("Foo\nBar"))
 
-    assert_equal(flatten("Hello\nWorld!\nYOU ARE \rFLAT?\n\rOMGZ!"),
-                         "Hello&#x000A;World!&#x000A;YOU ARE FLAT?&#x000A;OMGZ!")
+    assert_equal("Hello&#x000A;World!&#x000A;YOU ARE FLAT?&#x000A;OMGZ!",
+                 flatten("Hello\nWorld!\nYOU ARE \rFLAT?\n\rOMGZ!"))
   end
 
   def test_list_of_should_render_correctly
@@ -85,10 +80,49 @@ class HelperTest < Test::Unit::TestCase
     should_be = "<form action=\"foo\" method=\"post\">\n  <p>bar</p>\n  <strong>baz</strong>\n</form>\n"
     assert_equal(should_be, result)
   end
+
+  def test_text_area
+    assert_equal(%(<textarea id="body" name="body">Foo&#x000A;Bar&#x000A; Baz&#x000A;   Boom</textarea>\n),
+                 render('= text_area_tag "body", "Foo\nBar\n Baz\n   Boom"', :action_view))
+
+    assert_equal(%(<textarea cols="40" id="post_body" name="post[body]" rows="20">Foo bar&#x000A;baz</textarea>\n),
+                 render('= text_area :post, :body', :action_view))    
+
+    assert_equal(%(<pre>Foo bar&#x000A;   baz</pre>\n),
+                 render('= content_tag "pre", "Foo bar\n   baz"', :action_view))    
+  end
   
   def test_capture_haml
     assert_equal("\"<p>13</p>\\n\"\n", render("- foo = capture_haml(13) do |a|\n  %p= a\n= foo.dump"))
   end
+  
+  def test_haml_tag_attribute_html_escaping
+    assert_equal("<p id='foo&amp;bar'>baz</p>\n", render("%p{:id => 'foo&bar'} baz", :escape_html => true))
+  end
+
+  def test_haml_tag_autoclosed_tags_are_closed
+    assert_equal("<br class='foo' />\n", render("- haml_tag :br, :class => 'foo'"))
+  end
+
+  def test_haml_tag_non_autoclosed_tags_arent_closed
+    assert_equal("<p></p>\n", render("- haml_tag :p"))
+  end
+
+  def test_haml_tag_renders_text_on_a_single_line
+    assert_equal("<p>#{'a' * 100}</p>\n", render("- haml_tag :p, 'a' * 100"))
+  end
+
+  def test_haml_tag_raises_error_for_multiple_content
+    assert_raise(Haml::Error) { render("- haml_tag :p, 'foo' do\n  bar") }
+  end
+
+  def test_haml_tag_flags
+    assert_equal("<p />\n", render("- haml_tag :p, :/"))
+    assert_equal("<p>kumquat</p>\n", render("- haml_tag :p, :< do\n  kumquat"))
+
+    assert_raise(Haml::Error) { render("- haml_tag :p, 'foo', :/") }
+    assert_raise(Haml::Error) { render("- haml_tag :p, :/ do\n  foo") }
+  end
 
   def test_is_haml
     assert(!ActionView::Base.new.is_haml?)
@@ -123,12 +157,12 @@ class HelperTest < Test::Unit::TestCase
   end
 
   def test_find_and_preserve_with_block
-    assert_equal("<pre>&#x000A;  Foo&#x000A;  Bar&#x000A;</pre>\nFoo\nBar\n",
+    assert_equal("<pre>Foo&#x000A;Bar</pre>\nFoo\nBar\n",
                  render("= find_and_preserve do\n  %pre\n    Foo\n    Bar\n  Foo\n  Bar"))
   end
 
   def test_preserve_with_block
-    assert_equal("<pre>&#x000A;  Foo&#x000A;  Bar&#x000A;</pre>&#x000A;Foo&#x000A;Bar&#x000A;\n",
+    assert_equal("<pre>Foo&#x000A;Bar</pre>&#x000A;Foo&#x000A;Bar\n",
                  render("= preserve do\n  %pre\n    Foo\n    Bar\n  Foo\n  Bar"))
   end
 
@@ -140,12 +174,30 @@ class HelperTest < Test::Unit::TestCase
     context.init_haml_helpers
 
     result = context.capture_haml do
-      context.open :p, :attr => "val" do
+      context.haml_tag :p, :attr => "val" do
         context.puts "Blah"
       end
     end
 
     assert_equal("<p attr='val'>\n  Blah\n</p>\n", result)
   end
+
+  def test_non_haml
+    assert_equal("false\n", render("= non_haml { is_haml? }"))
+  end
+  
+  class ActsLikeTag
+    # We want to be able to have people include monkeypatched ActionView helpers
+    # without redefining is_haml?.
+    # This is accomplished via Object#is_haml?, and this is a test for it.
+    include ActionView::Helpers::TagHelper
+    def to_s
+      content_tag :p, 'some tag content'
+    end
+  end
+
+  def test_random_class_includes_tag_helper
+    assert_equal "<p>some tag content</p>", ActsLikeTag.new.to_s
+  end
 end
 

data/test/haml/html2haml_test.rb

@@ -1,7 +1,5 @@
 #!/usr/bin/env ruby
-
-require 'test/unit'
-require File.dirname(__FILE__) + '/../../lib/haml'
+require File.dirname(__FILE__) + '/../test_helper'
 require 'haml/html'
 
 class Html2HamlTest < Test::Unit::TestCase
@@ -54,7 +52,8 @@ class Html2HamlTest < Test::Unit::TestCase
     end
 
     def assert_equal_attributes(expected, result)
-      assert_equal *[expected, result].map { |s| s.gsub!(/\{ (.+) \}/, ''); $1.split(', ').sort }
+      expected_attr, result_attr = [expected, result].map { |s| s.gsub!(/\{ (.+) \}/, ''); $1.split(', ').sort }
+      assert_equal expected_attr, result_attr
       assert_equal expected, result
     end
 end

data/test/haml/results/content_for_layout.xhtml

@@ -1,7 +1,6 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
-  <head>
-  </head>
+  <head></head>
   <body>
     <div id='content'>
       Lorem ipsum dolor sit amet

data/test/haml/results/eval_suppressed.xhtml

@@ -1,7 +1,5 @@
-<p>
-</p>
-<p>
-</p>
+<p></p>
+<p></p>
 <h1>Me!</h1>
 <div id='foo'>
   <p id='bar'>All</p>

data/test/haml/results/filters.xhtml

@@ -1,51 +1,57 @@
 <style>
-  p {
-    border-style: dotted;
-    border-width: 10px;
-    border-color: #ff00ff; }
+  p { border-style: dotted; border-width: 22px; border-color: #ff00ff; }
   
-  h1 {
-    font-weight: normal; }
+  h1 { font-weight: normal; }
 </style>
 TESTING HAHAHAHA!
-<h1>Foo</h1>
-
-
-	<pre><code>This is preformatted!
-Look at that!
-Wowie-zowie!</code></pre>
-
-
-	<p><strong>boldilicious!</strong></p>
-<h1>Yeah</h1>
-
-
-	<p><em>pretty much the same as above</em></p>
+<p>
+  <script type='text/javascript'>
+    //<![CDATA[
+      function newline(str) {
+        return "\n" + str;
+      }
+    //]]>
+  </script>
+</p>
 This
   Is
     Plain
       Text
         %strong right?
+ #{not interpolated}
+ \3
+ \#{also not}
+ \\
+<p>
+  <pre>This pre is pretty deeply&#x000A;      nested.&#x000A;   Does interpolation work?
+    This one is, too.&#x000A;Nested, that is.&#x000A;</pre>
+</p>
+<ul>
+
+  <li>a</li>
+
+  <li>b</li>
 
-  a
+  <li>c</li>
 
-  b
+  <li>d</li>
 
-  c
+  <li>e</li>
 
-  d
+  <li>f</li>
 
-  e
+  <li>g</li>
 
-  f
+  <li>h</li>
 
-  g
+  <li>i</li>
 
-  h
+  <li>j</li>
 
-  i
 
-  j
+
+</ul>
+<div class='res'>178</div>
 <ul>
 <li>Foo</li>
 <li>Bar</li>
@@ -54,4 +60,6 @@ This
 Text!
 Hello, World!
 How are you doing today?
-
+&lt;div class=&quot;foo&quot;&gt;
+  &lt;p&gt;I think &amp;mdash; or do I?&lt;/p&gt;
+&lt;/div&gt;

data/test/haml/results/helpers.xhtml

@@ -24,9 +24,7 @@
   </p>
 </div>
 <p>foo</p>
-  <p>
-    reeeeeeeeeeeeeeeeeeeeeeeeeeeeeeally loooooooooooooooooong
-  </p>
+  <p>reeeeeeeeeeeeeeeeeeeeeeeeeeeeeeally loooooooooooooooooong</p>
 <div class='woah'>
   <div id='funky'>
     <div>
@@ -56,6 +54,7 @@ foo
     @foo =
     value one
   </p>
+  Toplevel? false
   <p>
     @foo =
     value three
@@ -80,9 +79,7 @@ foo
 <table>
   <tr>
     <td class='cell'>
-      <strong>
-        strong!
-      </strong>
+      <strong>strong!</strong>
       data
     </td>
     <td>
@@ -91,5 +88,4 @@ foo
   </tr>
 </table>
 <hr />
-<div>
-</div>
+<div></div>

data/test/haml/results/just_stuff.xhtml

@@ -17,7 +17,6 @@ Embedded? one af"t"er another!
 <p>Embedded? true!</p>
 <p>Embedded? twice! true!</p>
 <p>Embedded? one af"t"er another!</p>
-<div class='render'><em>wow!</em></div>
 stuff followed by whitespace
 <strong>block with whitespace</strong>
 <p>
@@ -27,9 +26,6 @@ stuff followed by whitespace
   yee\ha
 </p>
 <!-- Short comment -->
-<!-- 
-  This is a really long comment look how long it is it should be on a line of its own don't you think?
--->
 <!-- 
   This is a block comment
   cool, huh?
@@ -62,6 +58,11 @@ testtest
 <p class='article foo' id='article_1'>Blah</p>
 <p class='article quux qux' id='article_1'>Blump</p>
 Woah inner quotes
-<p class='dynamic_quote' dyn='3' quotes="single '">
-</p>
-<p class='dynamic_atomic' dyn='3' />
+<p class='dynamic_quote' dyn='3' quotes="single '"></p>
+<p class='dynamic_self_closing' dyn='3' />
+<body>
+  hello
+  <div>
+    <img />
+  </div>
+</body>

data/test/haml/results/nuke_inner_whitespace.xhtml

@@ -0,0 +1,40 @@
+<p>
+  <q>Foo</q>
+</p>
+<p>
+  <q a='2'>Foo</q>
+</p>
+<p>
+  <q>Foo
+  Bar</q>
+</p>
+<p>
+  <q a='2'>Foo
+  Bar</q>
+</p>
+<p>
+  <q>Foo
+  Bar</q>
+</p>
+<p>
+  <q a='2'>Foo
+  Bar</q>
+</p>
+<p>
+  <q><div>
+    Foo
+    Bar
+  </div></q>
+</p>
+<p>
+  <q a='2'><div>
+    Foo
+    Bar
+  </div></q>
+</p>
+<p>
+  <q>foo</q>
+  <q a='2'>
+    bar
+  </q>
+</p>

data/test/haml/results/nuke_outer_whitespace.xhtml

@@ -0,0 +1,148 @@
+<p>
+  <p><q>
+      Foo
+    </q></p>
+</p>
+<p>
+  <p><q a='2'>
+      Foo
+    </q></p>
+</p>
+<p>
+  <p><q>Foo</q></p>
+</p>
+<p>
+  <p><q a='2'>Foo</q></p>
+</p>
+<p>
+  <p><q>
+      Foo
+    </q></p>
+</p>
+<p>
+  <p><q a='2'>
+      Foo
+    </q></p>
+</p>
+<p>
+  <p><q>Foo</q></p>
+</p>
+<p>
+  <p><q a='2'>Foo</q></p>
+</p>
+<p>
+  <p><q>
+      Foo
+      Bar
+    </q></p>
+</p>
+<p>
+  <p><q a='2'>
+      Foo
+      Bar
+    </q></p>
+</p>
+<p>
+  <p><q>
+      Foo
+      Bar
+    </q></p>
+</p>
+<p>
+  <p><q a='2'>
+      Foo
+      Bar
+    </q></p>
+</p>
+<p>
+  <p>
+      foo<q>
+        Foo
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>
+        Foo
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q>Foo</q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>Foo</q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q>
+        Foo
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>
+        Foo
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q>Foo</q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>Foo</q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q>
+        Foo
+        Bar
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>
+        Foo
+        Bar
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q>
+        Foo
+        Bar
+      </q>bar
+  </p>
+</p>
+<p>
+  <p>
+      foo<q a='2'>
+        Foo
+        Bar
+      </q>bar
+  </p>
+</p>
+<p>
+  <p><q></q></p>
+</p>
+<p>
+  <p><q /></p>
+</p>
+<p>
+  <p><q a='2'></q></p>
+</p>
+<p>
+  <p><q a='2' /></p>
+</p>

data/test/haml/results/original_engine.xhtml

@@ -4,9 +4,7 @@
     <title>Stop. haml time</title>
     <div id='content'>
       <h1>This is a title!</h1>
-      <p>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit
-      </p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
       <p class='foo'>Cigarettes!</p>
       <h2>Man alive!</h2>
       <ul class='things'>
@@ -15,10 +13,8 @@
         <li>Bathrobe</li>
         <li>Coffee</li>
       </ul>
-      <pre>
-        This is some text that's in a pre block!
-        Let's see what happens when it's rendered! What about now, since we're on a new line?
-      </pre>
+      <pre>This is some text that's in a pre block!
+      Let's see what happens when it's rendered! What about now, since we're on a new line?</pre>
     </div>
   </head>
 </html>

data/test/haml/results/partials.xhtml

@@ -10,6 +10,7 @@
   @foo =
   value two
 </p>
+Toplevel? false
 <p>
   @foo =
   value three

data/test/haml/results/tag_parsing.xhtml

@@ -12,8 +12,7 @@
   <foo2u>11</foo2u>
 </div>
 <div class='classes'>
-  <p class='foo bar' id='boom'>
-  </p>
+  <p class='foo bar' id='boom'></p>
   <div class='fooBar'>a</div>
   <div class='foo-bar'>b</div>
   <div class='foo_bar'>c</div>
@@ -22,7 +21,3 @@
   <div class='123'>f</div>
   <div class='foo2u'>g</div>
 </div>
-<div class='broken'>
-  <foo><{ :a => :b }</foo>
-  <div class='foo'>>{ :c => :d }</div>
-</div>

data/test/haml/results/very_basic.xhtml

@@ -1,7 +1,5 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
-  <head>
-  </head>
-  <body>
-  </body>
+  <head></head>
+  <body></body>
 </html>

data/test/haml/results/whitespace_handling.xhtml

@@ -12,16 +12,16 @@
   <div class='text_area_test_area'>
     <textarea>Oneline</textarea>
   </div>
-  <textarea>BLAH&#x000A;</textarea>
+  <textarea>BLAH</textarea>
   <div class='text_area_test_area'>
     <textarea>Two&#x000A;lines</textarea>
   </div>
-  <textarea>BLAH&#x000A;</textarea>
+  <textarea>BLAH</textarea>
   <div id='flattened'>
     <div class='text_area_test_area'>
       <textarea>Two&#x000A;lines</textarea>
     </div>
-    <textarea>BLAH&#x000A;</textarea>
+    <textarea>BLAH</textarea>
   </div>
 </div>
 <div class='hithere'>
@@ -36,7 +36,7 @@
 </div>
 <div class='foo'>
   13
-  <textarea>&#x000A;a&#x000A;</textarea><textarea>&#x000A;b&#x000A;</textarea><textarea>&#x000A;c&#x000A;</textarea>
+  <textarea>&#x000A;a</textarea><textarea>&#x000A;b</textarea><textarea>&#x000A;c</textarea>
 </div>
 <div id='whitespace_test'>
   <div class='text_area_test_area'>
@@ -52,16 +52,16 @@
   <div class='text_area_test_area'>
     <textarea>Oneline</textarea>
   </div>
-  <textarea>BLAH&#x000A;</textarea>
+  <textarea>BLAH</textarea>
   <div class='text_area_test_area'>
     <textarea>Two&#x000A;lines</textarea>
   </div>
-  <textarea>BLAH&#x000A;</textarea>
+  <textarea>BLAH</textarea>
   <div id='flattened'>
     <div class='text_area_test_area'>
       <textarea>Two&#x000A;lines</textarea>
     </div>
-    <textarea>BLAH&#x000A;</textarea>
+    <textarea>BLAH</textarea>
   </div>
 </div>
 <div class='hithere'>
@@ -73,22 +73,14 @@
     foo
     bar
   </p>
-  <pre>
-                                                 ___&#x000A;                                              ,o88888&#x000A;                                           ,o8888888'&#x000A;                     ,:o:o:oooo.        ,8O88Pd8888"&#x000A;                 ,.::.::o:ooooOoOoO. ,oO8O8Pd888'"&#x000A;               ,.:.::o:ooOoOoOO8O8OOo.8OOPd8O8O"&#x000A;              , ..:.::o:ooOoOOOO8OOOOo.FdO8O8"&#x000A;             , ..:.::o:ooOoOO8O888O8O,COCOO"&#x000A;            , . ..:.::o:ooOoOOOO8OOOOCOCO"&#x000A;             . ..:.::o:ooOoOoOO8O8OCCCC"o&#x000A;                . ..:.::o:ooooOoCoCCC"o:o&#x000A;                . ..:.::o:o:,cooooCo"oo:o:&#x000A;             `   . . ..:.:cocoooo"'o:o:::'&#x000A;             .`   . ..::ccccoc"'o:o:o:::'&#x000A;            :.:.    ,c:cccc"':.:.:.:.:.'&#x000A;          ..:.:"'`::::c:"'..:.:.:.:.:.'  http://www.chris.com/ASCII/&#x000A;        ...:.'.:.::::"'    . . . . .'&#x000A;       .. . ....:."' `   .  . . ''&#x000A;     . . . ...."'&#x000A;     .. . ."'     -hrr-&#x000A;    .&#x000A;&#x000A;&#x000A;                                              It's a planet!&#x000A;%strong This shouldn't be bold!&#x000A;
-  </pre>
+  <pre>                                                 ___&#x000A;                                              ,o88888&#x000A;                                           ,o8888888'&#x000A;                     ,:o:o:oooo.        ,8O88Pd8888"&#x000A;                 ,.::.::o:ooooOoOoO. ,oO8O8Pd888'"&#x000A;               ,.:.::o:ooOoOoOO8O8OOo.8OOPd8O8O"&#x000A;              , ..:.::o:ooOoOOOO8OOOOo.FdO8O8"&#x000A;             , ..:.::o:ooOoOO8O888O8O,COCOO"&#x000A;            , . ..:.::o:ooOoOOOO8OOOOCOCO"&#x000A;             . ..:.::o:ooOoOoOO8O8OCCCC"o&#x000A;                . ..:.::o:ooooOoCoCCC"o:o&#x000A;                . ..:.::o:o:,cooooCo"oo:o:&#x000A;             `   . . ..:.:cocoooo"'o:o:::'&#x000A;             .`   . ..::ccccoc"'o:o:o:::'&#x000A;            :.:.    ,c:cccc"':.:.:.:.:.'&#x000A;          ..:.:"'`::::c:"'..:.:.:.:.:.'  http://www.chris.com/ASCII/&#x000A;        ...:.'.:.::::"'    . . . . .'&#x000A;       .. . ....:."' `   .  . . ''&#x000A;     . . . ...."'&#x000A;     .. . ."'     -hrr-&#x000A;    .&#x000A;&#x000A;&#x000A;                                              It's a planet!&#x000A;%strong This shouldn't be bold!</pre>
   <strong>This should!</strong>
-  <textarea>
-      ___           ___           ___           ___ &#x000A;     /\__\         /\  \         /\__\         /\__\&#x000A;    /:/  /        /::\  \       /::|  |       /:/  /&#x000A;   /:/__/        /:/\:\  \     /:|:|  |      /:/  / &#x000A;  /::\  \ ___   /::\~\:\  \   /:/|:|__|__   /:/  /  &#x000A; /:/\:\  /\__\ /:/\:\ \:\__\ /:/ |::::\__\ /:/__/   &#x000A; \/__\:\/:/  / \/__\:\/:/  / \/__/~~/:/  / \:\  \   &#x000A;      \::/  /       \::/  /        /:/  /   \:\  \  &#x000A;      /:/  /        /:/  /        /:/  /     \:\  \ &#x000A;     /:/  /        /:/  /        /:/  /       \:\__\&#x000A;     \/__/         \/__/         \/__/         \/__/&#x000A;&#x000A;     Many&#x000A;                   thanks&#x000A;           to&#x000A;                                http://www.network-science.de/ascii/&#x000A;
-    <strong>indeed!</strong>
-  </textarea>
+  <textarea>      ___           ___           ___           ___ &#x000A;     /\__\         /\  \         /\__\         /\__\&#x000A;    /:/  /        /::\  \       /::|  |       /:/  /&#x000A;   /:/__/        /:/\:\  \     /:|:|  |      /:/  / &#x000A;  /::\  \ ___   /::\~\:\  \   /:/|:|__|__   /:/  /  &#x000A; /:/\:\  /\__\ /:/\:\ \:\__\ /:/ |::::\__\ /:/__/   &#x000A; \/__\:\/:/  / \/__\:\/:/  / \/__/~~/:/  / \:\  \   &#x000A;      \::/  /       \::/  /        /:/  /   \:\  \  &#x000A;      /:/  /        /:/  /        /:/  /     \:\  \ &#x000A;     /:/  /        /:/  /        /:/  /       \:\__\&#x000A;     \/__/         \/__/         \/__/         \/__/&#x000A;     &#x000A;     Many&#x000A;                   thanks&#x000A;           to&#x000A;                                http://www.network-science.de/ascii/
+  <strong>indeed!</strong></textarea>
 </div>
 <div class='foo'>
   13
 </div>
-<pre>
-       __     ______        __               ______&#x000A;.----.|  |--.|__    |.----.|  |--..--------.|  __  |&#x000A;|  __||     ||__    ||  __||    < |        ||  __  |&#x000A;|____||__|__||______||____||__|__||__|__|__||______|&#x000A;
-</pre>
-<pre>
-foo&#x000A;
-  bar
-</pre>
+<pre>       __     ______        __               ______&#x000A;.----.|  |--.|__    |.----.|  |--..--------.|  __  |&#x000A;|  __||     ||__    ||  __||    < |        ||  __  |&#x000A;|____||__|__||______||____||__|__||__|__|__||______|</pre>
+<pre>foo
+bar</pre>