Feature: Allow nesting of layouts

  Scenario: A page uses an inner layout when uses an outer layout
    Given the Server is running at "nested-layout-app"
    When I go to "/index.html"
    Then I should see:
    """
    Master Erb
    <h1>Index Title</h1>
      I am Outer
        I am Inner
      Template

    """
    When I go to "/another.html"
    Then I should see:
    """
    Master Erb
    <h1>New Article Title</h1>
      I am Outer
        I am Inner
      <p>The Article Content</p>
    """

  Scenario: A page uses an inner layout when uses an outer layout (slim)
    Given the Server is running at "nested-layout-app"
    When I go to "/slim-test.html"
    Then I should see "<h1>Master Slim</h1><p>New Article Title</p><div><h2>I am Outer</h2><h3>I am Inner</h3><p>The Article Content</p>"

  Scenario: A page uses an inner layout when uses an outer layout (haml)
    Given the Server is running at "nested-layout-app"
    When I go to "/haml-test.html"
    Then I should see:
    """
    Master Haml
    <h1>New Article Title</h1>
    I am Outer
    I am Inner
    <p>The Article Content</p>
    """

  Scenario: YAML Front Matter isn't clobbered with nested layouts
    Given the Server is running at "nested-layout-app"
    When I go to "/data-one.html"
    Then I should see "Page Number One"
    And I should see "Page #1"
    And I should see "I am Inner"
    And I should see "I am Outer"
    And I should see "Master Erb"
    When I go to "/data-two.html"
    Then I should see "Page Number Two"
    And I should not see "I am Inner"
    When I go to "/data-one.html"
    Then I should see "Page Number One"
    And I should see "I am Inner"
    When I go to "/data-two.html"
    Then I should see "Page Number Two"
    And I should not see "I am Inner"