No notes defined.
{{!-- Test 1: Logo renders from path --}}
<img class="c-tests1" src="{{ path '/ui-assets/logo-dmptool-large.svg' }}" alt="DMPTool logo">
<h1>Initial Tests of UI Build Tools</h1>
<p>All text on this page should be styled using the Source Sans font.</p>
{{!-- Test 2: Element contains inner text from js/tests.js --}}
<div id="js-tests2" class="c-tests2">
<span>Is inner text getting applied to this element from javascript?</span>
<output></output>
</div>
{{!-- Test 3: Generated content via Faker --}}
<h2>There should be 3 paragraphs of lorem ipsum below generated by Faker</h2>
<div class="c-tests3">
{{#each loop}}
<p>{{ test.lorem }}</p>
{{/each}}
</div>
<h2>There should be a green Font Awesome icon on the following element in all of the major browsers. Autoprefixer should be adding a <strong>-webkit-mask</strong> prefix to the compiled CSS to enable rendering in Safari:</h2>
<div class="c-tests4">
{{!-- Test 4: Icon from Font Awesome applied to element as a mask --}}
</div>
{
"loop": [
{
"test": {
"lorem": "Repellat cumque nihil quis quia eum. Voluptatibus at totam dolore vitae voluptas consequatur exercitationem architecto sed. Velit ratione saepe deserunt. Dolor minus aspernatur reiciendis omnis eaque. Minus omnis in itaque ullam quia autem repellendus sunt in. Explicabo corrupti maiores incidunt nam voluptatum corrupti."
}
},
{
"test": {
"lorem": "Quis exercitationem architecto minus quos omnis tenetur. Molestias eius mollitia eos. Asperiores nobis laboriosam. Adipisci necessitatibus quibusdam repudiandae delectus ut molestias. Error quasi quia voluptate voluptatem consequuntur officia."
}
},
{
"test": {
"lorem": "Dolor vero recusandae aut consequuntur incidunt animi nisi. Autem est at rerum neque. Nam itaque minima maxime molestiae deleniti quia maxime eum ipsam."
}
}
]
}
<img class="c-tests1" src="../../ui-assets/logo-dmptool-large.svg" alt="DMPTool logo">
<h1>Initial Tests of UI Build Tools</h1>
<p>All text on this page should be styled using the Source Sans font.</p>
<div id="js-tests2" class="c-tests2">
<span>Is inner text getting applied to this element from javascript?</span>
<output></output>
</div>
<h2>There should be 3 paragraphs of lorem ipsum below generated by Faker</h2>
<div class="c-tests3">
<p>Repellat cumque nihil quis quia eum. Voluptatibus at totam dolore vitae voluptas consequatur exercitationem architecto sed. Velit ratione saepe deserunt. Dolor minus aspernatur reiciendis omnis eaque. Minus omnis in itaque ullam quia autem repellendus sunt in. Explicabo corrupti maiores incidunt nam voluptatum corrupti.</p>
<p>Quis exercitationem architecto minus quos omnis tenetur. Molestias eius mollitia eos. Asperiores nobis laboriosam. Adipisci necessitatibus quibusdam repudiandae delectus ut molestias. Error quasi quia voluptate voluptatem consequuntur officia.</p>
<p>Dolor vero recusandae aut consequuntur incidunt animi nisi. Autem est at rerum neque. Nam itaque minima maxime molestiae deleniti quia maxime eum ipsam.</p>
</div>
<h2>There should be a green Font Awesome icon on the following element in all of the major browsers. Autoprefixer should be adding a <strong>-webkit-mask</strong> prefix to the compiled CSS to enable rendering in Safari:</h2>
<div class="c-tests4">
</div>