@javascript Feature: Inline frontend editing In order to ensure site content is not tampered with As an admin, designer or author I will be restricted based on my role Background: Given I have the site: "test site" set up And I have a designer and an author Given a page named "about" with the template: """ {% inline_editor %} Page Content """ Scenario: As an unauthenticated user Given I am not authenticated When I view the rendered page at "/about" Then I should not see "Admin" When I view the rendered page at "/about/_admin" Then I should not see "Editing mode" And I should see "Log in" Scenario: Inline editing as an Admin Given I am an authenticated "admin" When I view the rendered page at "/about" Then I should see "Admin" When I view the rendered page at "/about/_admin" Then I should see "Editing mode" Scenario: Inline editing as a Designer Given I am an authenticated "designer" When I view the rendered page at "/about" Then I should see "Admin" When I view the rendered page at "/about/_admin" Then I should see "Editing mode" Scenario: Inline editing as an Author Given I am an authenticated "author" When I view the rendered page at "/about" Then I should see "Admin" When I view the rendered page at "/about/_admin" Then I should see "Editing mode"