Feature: Engine
  As a website user
  I want to be able to view someones created locomotive pages

Background:
  Given I have the site: "test site" set up

# Scenario: Simple Page
#   Given a page named "hello-world" with the template:
#     """
#     Hello World
#     """
#   When I view the rendered page at "/hello-world"
#   Then the rendered output should look like:
#     """
#     Hello World
#     """
#
# Scenario: Simple Page extending a layout with multiple blocks
#   Given a layout named "layout_with_sidebar" with the source:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">{% block sidebar %}DEFAULT SIDEBAR CONTENT{% endblock %}</div>
#       <div class="body">
#         {% block body %}DEFAULT BODY CONTENT{% endblock %}
#       </div>
#     </div>
#     <div class="footer"></div>
#     """
#   And a page named "hello-world-multiblocks" with the template:
#     """
#     {% extends 'layout_with_sidebar' %}
#     {% block body %}Hello world{% endblock %}
#     """
#   When I view the rendered page at "/hello-world-multiblocks"
#   Then the rendered output should look like:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">DEFAULT SIDEBAR CONTENT</div>
#       <div class="body">
#         Hello world
#       </div>
#     </div>
#     <div class="footer"></div>
#     """

# Scenario: Simple Page extending a layout with multiple blocks which extends another template
#   Given a layout named "layout_with_sidebar" with the source:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">{% block sidebar %}DEFAULT SIDEBAR CONTENT{% endblock %}</div>
#       <div class="body">
#         {% block body %}DEFAULT BODY CONTENT{% endblock %}
#       </div>
#     </div>
#     <div class="footer"></div>
#     """
#   And a layout named "custom_layout_with_sidebar" with the source:
#     """
#     {% extends 'layout_with_sidebar' %}
#     {% block sidebar %}Custom sidebar{% endblock %}
#     {% block body %}Hello{% endblock %}
#     """
#   And a page named "hello-world-multiblocks" with the template:
#     """
#     {% extends 'custom_layout_with_sidebar' %}
#     {% block body %}{{ block.super }} world{% endblock %}
#     """
#   When I view the rendered page at "/hello-world-multiblocks"
#   Then the rendered output should look like:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">Custom sidebar</div>
#       <div class="body">
#         Hello world
#       </div>
#     </div>
#     <div class="footer"></div>
#     """

Scenario: Simple Page extending a layout with multiple embedded blocks which extends another template
  Given a layout named "layout_with_sidebar" with the source:
    """
    <div class="header"></div>
    <div class="content">
      <div class="sidebar">{% block sidebar %}DEFAULT SIDEBAR CONTENT{% endblock %}</div>
      <div class="body">
        {% block body %}Hello{% endblock %}
      </div>
    </div>
    <div class="footer"></div>
    """
  And a layout named "custom_layout_with_sidebar" with the source:
    """
    {% extends 'layout_with_sidebar' %}
    {% block body %}{{ block.super }} {% block main %}mister{% endblock %}{% endblock %}
    """
  And a page named "hello-world-multiblocks" with the template:
    """
    {% extends 'custom_layout_with_sidebar' %}
    {% block main %}{{ block.super }} Jacques{% endblock %}
    """
  When I view the rendered page at "/hello-world-multiblocks"
  Then the rendered output should look like:
    """
    <div class="header"></div>
    <div class="content">
      <div class="sidebar">DEFAULT SIDEBAR CONTENT</div>
      <div class="body">
        Hello mister Jacques
      </div>
    </div>
    <div class="footer"></div>
    """

# Scenario: Simple Page with layout
#   Given a layout named "above_and_below" with the source:
#     """
#     <div class="header"></div>
#     {{ content_for_layout }}
#     <div class="footer"></div>
#     """
#
#   And a page named "hello-world-with-layout" with the layout "above_and_below" and the body:
#     """
#     Hello World
#     """
#
#   When I view the rendered page at "/hello-world-with-layout"
#   Then the rendered output should look like:
#     """
#     <div class="header"></div>
#     Hello World
#     <div class="footer"></div>
#     """
#
# Scenario: Page with Parts
#   Given a layout named "layout_with_sidebar" with the source:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">{{ content_for_sidebar }}</div>
#       <div class="body">
#         {{ content_for_layout }}
#       </div>
#     </div>
#     <div class="footer"></div>
#     """
#   And a page named "hello-world-multipart" with the layout "layout_with_sidebar" and the body:
#     """
#     IM IN UR BODY OUTPUTTING SUM CODEZ!!
#     """
#
#   And the page named "hello-world-multipart" has the part "sidebar" with the content:
#     """
#     IM IN UR SIDEBAR PUTTING OUT LINKZ
#     """
#
#   When I view the rendered page at "/hello-world-multipart"
#   Then the rendered output should look like:
#     """
#     <div class="header"></div>
#     <div class="content">
#       <div class="sidebar">IM IN UR SIDEBAR PUTTING OUT LINKZ</div>
#       <div class="body">
#         IM IN UR BODY OUTPUTTING SUM CODEZ!!
#       </div>
#     </div>
#     <div class="footer"></div>
#     """
#
# @wip
# Scenario: Simple Page with Admin Inline Editing
#   Given a simple page named "hello-world-inline" with the body:
#     """
#     {% block hello %}Hello World{% endblock %}
#     """
#   When And I'm an admin
#   And I view the rendered page at "/hello-world-inline"
#   Then the rendered output shoud look like:
#     """
#     <div class="inline-editing" data-url="/admin/parts/XXXX" data-title="hello">Hello World</div>
#     """

# {% block main %}Didier{% endblock %}

    # {% block body %}{% block main %}{{ block.super }}Jacques{% endblock %}{% endblock %}
    # {% block body %}Hello mister Jacques{% endblock %}