Skip to content

Instantly share code, notes, and snippets.

@oleersoy
Created February 13, 2019 21:01
Show Gist options
  • Save oleersoy/f52b74f1b5c20a6e218a1d38b72d19e9 to your computer and use it in GitHub Desktop.
Save oleersoy/f52b74f1b5c20a6e218a1d38b72d19e9 to your computer and use it in GitHub Desktop.
Gherkin Test file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gherkin Component</title>
<link href="../css/index.css" rel="stylesheet">
</head>
{% import "gherkin.njk" as Gherkin %}
<body class="u-flex u-flex-column u-flex-align-items-center u-mt5rem">
<section class="u-max-width-50rem">
{% call Gherkin.feature( 'Styleable Gherkin Documentation Templates' ) %}
As a <em class="GherkinActor">application designer</em> I want a set of Features and Scenario templates (Nunjucks macros)
that I can share with the team in order for use to write up and and collaborate
on application design.
{% endcall %}
{% call Gherkin.scenario( 'Designer Fills Out the Feature Template' ) %}
<span class="GherkinGiven"></span> that the <em class="GherkinActor">application designer</em> has filled out
the feature template <code>feature_title</code> and <code>description</code>
parameters
<span class="GherkinThen"></span> the <em class="GherkinActor">application designer</em> will have a
nicely rendered feature to review.
{% endcall %}
{% call Gherkin.scenario( 'Designer Fills Out the Scenario Template' ) %}
<span class="GherkinGiven"></span> that the <em class="GherkinActor">application designer</em> has filled out
the scenario template <code>scenario_title</code> and <code>description</code>
parameters
<span class="GherkinThen"></span> the <em class="GherkinActor">application designer</em> will have a
nicely rendered scenario to review.
{% endcall %}
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment