Testing Page Formats

Posted on:

This paragraph has HTML5 run formats. This is strong. In this sentence something is important. Here something is less important. And this is just to mark a name without speech emphasis. If less important, we can use the small element. We can have code: function foo_bar(). We can refer to a Title of something, or embed a quote with marked highlights: This is a very important sentence with a related part to the original text. We can make superscripts, like m2 or subscripts, like foobar. And we should not forget about hyperlinks of course. We can mark abbreviations, like BDD or we can define a new term too. If it has an id, you can refer to it.

More paragrapghs coming… Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros. Praesent placerat lacinia dui, sit amet adipiscing libero tincidunt sit amet. Aenean non nunc mauris, et tristique orci. Nulla sit amet malesuada turpis.

Aliquam dictum dignissim orci, eu pulvinar tellus dignissim eu. Nullam ut dolor ut dolor dignissim rutrum in laoreet urna. Quisque commodo eleifend massa, iaculis pretium arcu rutrum vitae. Phasellus fringilla libero est. Duis consequat volutpat metus, ullamcorper volutpat ligula suscipit non. Etiam sed risus quis massa laoreet mattis. In in metus lectus. Maecenas feugiat consectetur convallis. Donec quis arcu augue, quis blandit sem. Maecenas a nisi tortor. Nam egestas convallis nulla at aliquet.

A subtopic here about block formats

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros. Praesent placerat lacinia dui, sit amet adipiscing libero tincidunt sit amet. Aenean non nunc mauris, et tristique orci. Nulla sit amet malesuada turpis.

  • List item here
  • Another list item
  • The third list item with long text long text long text long text long text long text long text long text long text long text long text long text long text long text.

Sometimes we need to list with numbers:

  1. the firsts thing
  2. the second
  3. and the third

A table comes now, that is always tricky

header1 header2 header3
value other value and yet another
value other value and yet another longer one
with a line break
value other value

This is the description of the new feature. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus.

With multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus.

block quote comes here right now!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros. Praesent placerat lacinia dui, sit amet adipiscing libero.

And here is a definition list. E.g. new features with descriptions.

new feature
This is the description of the new feature
new feature

This is the description of the new feature. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus.

With multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus.

somehging longer
  • one item
  • other item
somehging longer (marked)
  • one item
  • other item

Another subtopic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros. Praesent placerat lacinia dui, sit amet adipiscing libero tincidunt sit amet. Aenean non nunc mauris, et tristique orci. Nulla sit amet malesuada turpis.

Some little detail

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros.

We can have larger code blocks

function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <configSections>
    <section name="specFlow"
      type="TechTalk.SpecFlow.Configuration.ConfigurationSectionHandler, TechTalk.SpecFlow"/>
  </configSections>
  <specFlow>
    <unitTestProvider name="MsTest" />
  </specFlow>
</configuration>

Sometimes we need to describe big steps to achieve something

  1. Create a class library project: MyProject.Specs

    if you want to use SpecFlow with MsTest in VS2010, you should start with a Unit Test Project

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros.

  2. Create a class library project: MyProject.Specs

    if you want to use SpecFlow with MsTest in VS2010, you should start with a Unit Test Project

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros.

  3. Create a class library project: MyProject.Specs

    if you want to use SpecFlow with MsTest in VS2010, you should start with a Unit Test Project

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nulla leo. Donec sed dui nec erat volutpat congue. Morbi lobortis nunc a mauris malesuada et volutpat velit luctus. Aliquam sodales, purus et cursus suscipit, est orci ornare urna, ut condimentum odio nibh ac neque. Proin dignissim eros eros.

    • List item here
    • Another list item