dryml 1.3.3 → 1.4.0.pre2

data/features/cookbook/10_polymorphic_tags.feature

@@ -0,0 +1,168 @@
+Feature: Polymorphic tags
+
+  Scenario: Using a polymorphic tag
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card" polymorphic>
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= h this.to_s %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+
+      <def tag="card" for="BlogPost">
+        <card merge>
+          <heading: param><a href="#{this.url}"><%= this.title %></a></heading:>
+          <body: param><do:author><%= this.name %></do></body:>
+        </card>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <card />
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <h3 class="heading"><a href="/blog_posts/1">A Blog Post</a></h3>
+        <div class="body">Nobody</div>
+      </div>
+      """
+
+  Scenario: Using a polymorphic tag for a subclass
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card" polymorphic>
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= h this.to_s %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+
+      <def tag="card" for="BlogPost">
+        <card merge>
+          <heading: param><a href="#{this.url}"><%= this.title %></a></heading:>
+          <body: param><do:author><%= this.name %></do></body:>
+        </card>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <card />
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a special blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <h3 class="heading"><a href="/special_blog_posts/1">A Blog Post</a></h3>
+        <div class="body">Nobody</div>
+      </div>
+      """
+
+
+  Scenario: Using a polymorphic tag for a subclass with a customized tag (fails)
+    issue 779 / https://github.com/tablatom/hobo/commit/aceb7afc384287b19e59ebb94020a2c509143c76
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card" polymorphic>
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= h this.to_s %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+
+      <def tag="card" for="BlogPost">
+        <card merge>
+          <heading: param><a href="#{this.url}"><%= this.title %></a></heading:>
+          <body: param><do:author><%= this.name %></do></body:>
+        </card>
+      </def>
+
+      <def tag="card" for="SpecialBlogPost">
+        <card class="special" for-type="BlogPost" merge/>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <card class="more_special" />
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a special blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card special more_special">
+        <h3 class="heading"><a href="/special_blog_posts/1">A Blog Post</a></h3>
+        <div class="body">Nobody</div>
+      </div>
+      """
+
+  Scenario: using call-tag to call a polymorphic tag
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card" polymorphic>
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= h this.to_s %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+
+      <def tag="card" for="BlogPost">
+        <card merge>
+          <heading: param><a href="#{this.url}"><%= this.title %></a></heading:>
+          <body: param><do:author><%= this.name %></do></body:>
+        </card>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <call-tag tag="card" />
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <h3 class="heading"><a href="/blog_posts/1">A Blog Post</a></h3>
+        <div class="body">Nobody</div>
+      </div>
+      """
+
+  Scenario: using call-tag to call a polymorphic tag with an explicit type (fails)
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card" polymorphic>
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= h this.to_s %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+
+      <def tag="card" for="BlogPost">
+        <card merge>
+          <heading: param><a href="#{this.url}"><%= this.title %></a></heading:>
+          <body: param><do:author><%= this.name %></do></body:>
+        </card>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <call-tag tag="card" for-type="BlogPost" />
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a special blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <h3 class="heading"><a href="/special_blog_posts/1">A Blog Post</a></h3>
+        <div class="body">Nobody</div>
+      </div>
+      """
+

data/features/cookbook/11_wrapping_content.feature

@@ -0,0 +1,57 @@
+Feature: Wrapping content
+
+  Background:
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="card">
+        <div class="card" merge-attrs>
+          <h3 param="heading"><%= this.name %></h3>
+          <div param="body"></div>
+        </div>
+      </def>
+      """
+
+  Scenario: wrapping content inside a parameter
+    Given a file named "example.dryml" with:
+      """
+      <card>
+        <heading:><a href="#{this.url}"><param-content for="heading"/></a></heading:>
+      </card>
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <h3 class="heading"><a href="/blog_posts/1">A Blog Post</a></h3>
+        <div class="body"></div>
+      </div>
+      """
+
+  Scenario: wrapping content outside a parameter
+    Given a file named "example.dryml" with:
+      """
+      <card>
+        <heading: replace>
+          <div class="header">
+            <heading: restore/>
+            <p>ID: <%= this.id %></p>
+          </div>
+        </heading:>
+      </card>
+      """
+    When I include the taglib "example_taglib"
+    And the current context is a blog post
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <div class="card">
+        <div class="header">
+          <h3 class="heading">A Blog Post</h3>
+          <p>ID: 1</p>
+        </div>
+        <div class="body"></div>
+      </div>
+      """
+

data/features/cookbook/12_local_and_scoped_variables.feature

@@ -0,0 +1,102 @@
+Feature: Local and scoped variables
+
+  Scenario: local variables
+    Given a file named "example.dryml" with:
+      """
+      <% erb_local = 'Hello World' %>
+      <set dryml-local="Hello World" />
+      <p><%= erb_local %></p>
+      <p><%= dryml_local %></p>
+      """
+    When I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <p>Hello World</p>
+      <p>Hello World</p>
+      """
+
+  Scenario: scoped variables
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="show-the-var">
+        <p><%= scope.the_var %></p>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <show-the-var />
+      <set-scoped the-var="foo">
+        <show-the-var />
+        <set-scoped the-var="bar">
+          <show-the-var />
+        </set-scoped>
+        <show-the-var />
+      </set-scoped>
+      <show-the-var />
+      """
+    When I include the taglib "example_taglib"
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <p></p>
+      <p>foo</p>
+      <p>bar</p>
+      <p>foo</p>
+      <p></p>
+      """
+
+  Scenario: collecting content in a scoped var
+    Given a file named "example_taglib.dryml" with:
+      """
+      <def tag="tab-item" attrs="id, name">
+        <% scope.tabs_content << [id, parameters.default] %>
+        <li><a href="##{id}"><%= name %></a></li>
+      </def>
+
+      <def tag="tabs">
+        <set-scoped tabs-content="&[]">
+          <ul class="tabs">
+            <do param="default" />
+          </ul>
+          <repeat with="&scope.tabs_content">
+            <div id="#{this[0]}">
+              <%= this[1] %>
+            </div>
+          </repeat>
+        </set-scoped>
+      </def>
+      """
+    And a file named "example.dryml" with:
+      """
+      <tabs>
+        <tab-item id="foo" name="First Item">
+          <p>Foo Foo Foo</p>
+        </tab-item>
+        <tab-item id="bar" name="Second Item">
+          <p>Bar Bar Bar</p>
+        </tab-item>
+        <tab-item id="baz" name="Third Item">
+          <p>Baz Baz Baz</p>
+        </tab-item>
+      </tabs>
+      """
+    When I include the taglib "example_taglib"
+    And I render "example.dryml"
+    Then the output DOM should be:
+      """
+      <ul class="tabs">
+        <li><a href="#foo">First Item</a></li>
+        <li><a href="#bar">Second Item</a></li>
+        <li><a href="#baz">Third Item</a></li>
+      </ul>
+      <div id="foo">
+        <p>Foo Foo Foo</p>
+      </div>
+      <div id="bar">
+        <p>Bar Bar Bar</p>
+      </div>
+      <div id="baz">
+        <p>Baz Baz Baz</p>
+      </div>
+      """
+

data/features/doctest_examples.feature

@@ -0,0 +1,187 @@
+Feature: Doctest examples
+
+  Scenario: plain text
+    Given a file named "doctest.dryml" with:
+    """
+    hi
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    hi
+    """
+
+  Scenario: single ERB output tag
+    Given a file named "doctest.dryml" with:
+    """
+    <%= this %>
+    """
+    And the local variable "this" has the value "hello"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    hello
+    """
+
+  Scenario: if-else
+    Given a file named "doctest.dryml" with:
+    """
+    <if test="&true">
+      Hi
+    </if>
+    <else>
+      Bye
+    </else>
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    Hi
+    """
+
+  Scenario: repeating tags
+    Given a file named "doctest.dryml" with:
+    """
+    <repeat with="&[1,2,3]">
+      <span><%= this %></span>
+    </repeat>
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <span>1</span>
+    <span>2</span>
+    <span>3</span>
+    """
+
+  Scenario: defining a tag with a default parameter
+    Given a file named "doctest.dryml" with:
+    """
+    <def tag="myp">
+      <p param="default"/>
+    </def>
+    <myp>Hi</myp>
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p>
+      Hi
+    </p>
+    """
+
+  Scenario: calling a tag using call-tag
+    Given a file named "doctest.dryml" with:
+    """
+    <def tag="myp">
+      <p param="default" />
+    </def>
+    <call-tag tag="myp">
+      Hi
+    </call-tag>
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p>
+      Hi
+    </p>
+    """
+
+  Scenario: wrapping content with a custom tag
+    Given a file named "doctest.dryml" with:
+    """
+    <def tag="myp">
+      <p param="default" />
+    </def>
+    <wrap tag="myp" when="&true">
+      img
+    </wrap>
+    """
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p>
+      img
+    </p>
+    """
+
+  Scenario: extending a tag (fails)
+    Given a file named "doctest_taglib.dryml" with:
+    """
+    <def tag="myp">
+      <p param="default" />
+    </def>
+    """
+    And a file named "doctest_extend.dryml" with:
+    """
+    <extend tag="myp">
+      <old-myp merge>
+        <default: replace>Hello <default restore /></default:>
+      </old-myp>
+    </extend>
+    """
+    And a file named "doctest.dryml" with:
+    """
+    <myp>New World</myp>
+    """
+    When I include the taglib "doctest_taglib"
+    And I include the taglib "doctest_extend"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p>Hello New World</p>
+    """
+
+  Scenario: extending a tag with a non-default param (fails)
+    Given a file named "doctest_taglib.dryml" with:
+    """
+    <def tag="myp">
+      <p param="foo" />
+    </def>
+    """
+    And a file named "doctest_extend.dryml" with:
+    """
+    <extend tag="myp">
+      <old-myp merge>
+        <foo:>
+          Hello <param-content for="foo" />
+        </foo:>
+      </old-myp>
+    </extend>
+    """
+    And a file named "doctest.dryml" with:
+    """
+    <myp><foo:>New World</foo:></myp>
+    """
+    When I include the taglib "doctest_taglib"
+    And I include the taglib "doctest_extend"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p class="foo">Hello New World</p>
+    """
+
+  Scenario: param-content-restore from an output context
+    Given a file named "doctest_taglib.dryml" with:
+    """
+    <def tag="myp">
+      <p param="foo">World</p>
+    </def>
+    """
+    And a file named "doctest.dryml" with:
+    """
+    <myp>
+      <foo:>
+        Hello <param-content for="foo" />
+      </foo:>
+    </myp>
+    """
+    When I include the taglib "doctest_taglib"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p class="foo">Hello World</p>
+    """
+
+

data/features/merge_params.feature

@@ -0,0 +1,36 @@
+Feature: merge-params
+
+  Scenario: merge-params with a param name
+    Given a file named "doctest_taglib.dryml" with:
+    """
+    <def tag="myp">
+      <p param="foo">This is foo</p>
+      <p param="bar">This is bar</p>
+    </def>
+    """
+    And a file named "doctest_extend.dryml" with:
+    """
+    <extend tag="myp">
+      <old-myp merge-params="bar" />
+    </extend>
+    """
+    And a file named "doctest.dryml" with:
+    """
+    <myp>
+      <foo:>
+        New stuff
+      </foo:>
+      <bar:>
+        Brand-new bar
+      </bar:>
+    </myp>
+    """
+    When I include the taglib "doctest_taglib"
+    And I include the taglib "doctest_extend"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    <p class="foo">This is foo</p>
+    <p class="bar">Brand-new bar</p>
+    """
+

data/features/replace_parameters.feature

@@ -0,0 +1,21 @@
+Feature: replace parameters
+
+  Scenario: simple replace parameter
+    Given a file named "doctest_taglib.dryml" with:
+    """
+    <def tag="myp">
+      <p param="foo" />
+    </def>
+    """
+    And a file named "doctest.dryml" with:
+    """
+    <myp><foo: replace>Hello World</foo:></myp>
+    """
+    When I include the taglib "doctest_taglib"
+    When I render "doctest.dryml"
+    Then the output DOM should be:
+    """
+    Hello World
+    """
+
+

data/features/static_tags.feature

@@ -0,0 +1,91 @@
+Feature: Static tags render correctly
+
+  Scenario: Static tag with static attributes
+
+    Given a file named "static_tag.dryml" with:
+      """
+      <div class="foo">
+        FOO
+      </div>
+      """
+    When I render "static_tag.dryml"
+    Then the output DOM should be:
+      """
+      <div class="foo">
+        FOO
+      </div>
+      """
+
+  Scenario: Static tag with an interpolated attribute
+
+    Given a file named "static_tag.dryml" with:
+      """
+      <% some_var = 'foo' %>
+      <div class="#{some_var}">
+        FOO
+      </div>
+      """
+    When I render "static_tag.dryml"
+    Then the output DOM should be:
+      """
+      <div class="foo">
+        FOO
+      </div>
+      """
+
+  Scenario: define tags that are used in Rapid
+    Given a file named "static_tag.dryml" with:
+      """
+      <html lang="en">
+        <head>
+          <link rel="stylesheet" href="foo" />
+        </head>
+        <body>
+          <header>
+            <a href="something" target="_blank">Link text</a>
+          </header>
+          <section class="content">
+            <table width="100%">
+              <tr>
+                <td>FOO</td>
+                <td>BAR</td>
+              </tr>
+            </table>
+          </section>
+          <footer>
+            <form action="wut">
+              <input type="text" name="some_field" />
+              <submit value="Submit" />
+            </form>
+          </footer>
+        </body>
+      </html>
+      """
+    When I render "static_tag.dryml"
+    Then the output DOM should be:
+      """
+      <html lang="en">
+        <head>
+          <link rel="stylesheet" href="foo" />
+        </head>
+        <body>
+          <header>
+            <a href="something" target="_blank">Link text</a>
+          </header>
+          <section class="content">
+            <table width="100%">
+              <tr>
+                <td>FOO</td>
+                <td>BAR</td>
+              </tr>
+            </table>
+          </section>
+          <footer>
+            <form action="wut">
+              <input type="text" name="some_field" />
+              <submit value="Submit" />
+            </form>
+          </footer>
+        </body>
+      </html>
+      """

data/features/step_definitions/contexts.rb

@@ -0,0 +1,25 @@
+When /^the current context is a blog post$/ do
+  @locals ||= {}
+  @locals[:this] = BlogPost.new
+end
+
+When /^the current context is a special blog post$/ do
+  @locals ||= {}
+  @locals[:this] = SpecialBlogPost.new
+end
+
+When /^the current context is an array$/ do
+  @locals ||= {}
+  @locals[:this] = %w(foo bar baz blam mumble)
+end
+
+When /^the current context is a list of discussions$/ do
+  @locals ||= {}
+  discussions = []
+  (1..3).each do |i|
+    posts = (1..i).to_a.map { |x| Post.new(:title => "Post #{x+3*i}") }
+    discussions << Discussion.new(:name => "Discussion #{i}", :posts => posts)
+  end
+  @locals[:this] = discussions
+end
+