public void ManualPagerProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Pagers_cshtml>("test-manual",
@"<nav>
<ul class=""pager"">
<li>
<a href=""http://google.com"">Older</a>
</li>
<li class=""disabled"">
<a href=""#"">Archive</a>
</li>
<li>
<a href=""#"">Newer</a>
</li>
</ul>
</nav>");
}
public void DisabledDropdownLinkProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Dropdowns_cshtml>("test-disabled",
@"<div class=""dropdown"">
<button type=""button"" data-toggle=""dropdown"" class=""btn dropdown-toggle btn-default"">Disabled
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"">
<a role=""menuitem"" href=""http://www.google.com"">A</a>
</li>
<li role=""presentation"" class=""disabled"">
<a role=""menuitem"" href=""http://www.google.com"">B</a>
</li>
</ul>
</div>");
}
public void ReadonlyProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-readonly",
@"<form role=""form"" method=""post"">
<div class=""form-group"">
<label for=""readonly"" class=""control-label"">Readonly Input</label>
<input type=""text"" name=""readonly"" value=""Initial Value"" readonly="""" id=""readonly"" class=""form-control"">
</div>
<div class=""form-group"">
<label for=""readonly2"" class=""control-label"">Normal Input</label>
<input type=""text"" name=""readonly2"" value=""Initial Value"" id=""readonly2"" class=""form-control"">
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void AddPagesProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Paginations_cshtml>("test-add-pages",
@"<nav>
<ul class=""pagination"">
<li>
<a href=""http://google.com"">4</a>
</li>
<li class=""active"">
<a href=""http://bing.com"">5</a>
</li>
<li>
<a href=""http://yahoo.com"">6</a>
</li>
</ul>
</nav>");
}
public void ChildSelectProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-child-select",
@"<form role=""form"" method=""post"">
<div class=""form-group"">
<label for=""Select"" class=""control-label"">Select</label>
<select name=""Select"" id=""Select"" class=""form-control"">
<option value=""A"">Option A
<option value=""B"" selected=""selected"">Option B
<option value=""C"">Option C
</select>
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void InputGroupSizingProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-input-group-sizing",
@"<form role=""form"" method=""post"">
<div class=""input-group input-group-lg"">
<span class=""input-group-addon"">@</span>
<input type=""text"" placeholder=""Username"" class=""form-control"">
</div>
<div class=""input-group input-group-sm"">
<span class=""input-group-addon"">@</span>
<input type=""text"" placeholder=""Username"" class=""form-control"">
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void SingleButtonDropdownProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Buttons>("test-single-button-dropdown",
@"<div class=""btn-group"">
<button class=""btn-success dropdown-toggle btn"" data-toggle=""dropdown"" type=""button"">Dropdown
<span class=""caret""></span>
</button>
<ul class=""dropdown-menu"" role=""menu"">
<li role=""presentation"">
<a href=""#"" role=""menuitem"">A</a>
</li>
<li role=""presentation"">
<a href=""#"" role=""menuitem"">B</a>
</li>
</ul>
</div>");
}
public void ManualPagerProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Pagers>("test-manual",
@"<nav>
<ul class=""pager"">
<li>
<a href=""http://google.com"">Older</a>
</li>
<li class=""disabled"">
<a href=""#"">Archive</a>
</li>
<li>
<a href=""#"">Newer</a>
</li>
</ul>
</nav>");
}
public void DropupProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Buttons_cshtml>("test-dropup",
@"<div class=""btn-group dropup"">
<button type=""button"" data-toggle=""dropdown"" class=""btn btn-default dropdown-toggle"">A
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">B</a>
</li>
</ul>
</div>");
}
public void ButtonToolbarProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Buttons_cshtml>("test-toolbar",
@"<div role=""toolbar"" class=""btn-toolbar"">
<div class=""btn-group"">
<button type=""button"" class=""btn btn-default"">A</button>
<button type=""button"" class=""btn btn-danger"">B</button>
</div>
<div class=""btn-group"">
<button type=""button"" class=""btn btn-default"">C</button>
<a role=""button"" href=""#"" class=""btn btn-success"">L</a>
<button type=""button"" class=""btn btn-default"">
<span class=""glyphicon glyphicon-share-alt""></span> D
</button>
</div>
</div>");
}
public void AddPagesWithTextProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Paginations_cshtml>("test-add-pages-with-text",
@"<nav>
<ul class=""pagination"">
<li>
<a href=""http://google.com"">Google</a>
</li>
<li class=""active"">
<a href=""http://bing.com"">Bing</a>
</li>
<li>
<a href=""http://yahoo.com"">Yahoo!</a>
</li>
</ul>
</nav>");
}
public void DisabledDropdownProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Dropdowns>("test-disabled",
@"<div class=""dropdown"">
<button class=""btn-default dropdown-toggle btn"" data-toggle=""dropdown"" type=""button"">Disabled
<span class=""caret""></span>
</button>
<ul class=""dropdown-menu"" role=""menu"">
<li role=""presentation"">
<a href=""http://www.google.com"" role=""menuitem"">A</a>
</li>
<li class=""disabled"" role=""presentation"">
<a href=""http://www.google.com"" role=""menuitem"">B</a>
</li>
</ul>
</div>");
}
public void InputGroupSegmentedButtonsProduceCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Forms>("test-input-group-segmented-buttons",
@"<form method=""post"" role=""form"">
<div class=""input-group"">
<span class=""input-group-btn"">
<button class=""btn-default btn"" type=""button"">Action</button>
<button class=""btn-default dropdown-toggle btn"" data-toggle=""dropdown"" type=""button"">
<span class=""sr-only"">Toggle Dropdown</span>
<span class=""caret""></span>
</button>
<ul class=""dropdown-menu"" role=""menu"">
<li role=""presentation"">
<a href=""#"" role=""menuitem"">A</a>
</li>
<li role=""presentation"">
<a href=""#"" role=""menuitem"">B</a>
</li>
</ul>
</span>
<input class=""form-control"" type=""text"">
</div>
<div class=""input-group"">
<input class=""form-control"" type=""text"">
<span class=""input-group-btn"">
<button class=""btn-default btn"" type=""button"">Action</button>
<button class=""btn-default dropdown-toggle btn"" data-toggle=""dropdown"" type=""button"">
<span class=""sr-only"">Toggle Dropdown</span>
<span class=""caret""></span>
</button>
<ul class=""dropdown-menu"" role=""menu"">
<li role=""presentation"">
<a href=""#"" role=""menuitem"">A</a>
</li>
<li role=""presentation"">
<a href=""#"" role=""menuitem"">B</a>
</li>
</ul>
</span>
</div>
<div class=""form-group"">
<div class=""text-danger form-control-static""></div>
</div>
</form>");
}
public void InputGroupSegmentedButtonsProduceCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-input-group-segmented-buttons",
@"<form role=""form"" method=""post"">
<div class=""input-group"">
<span class=""input-group-btn"">
<button type=""button"" class=""btn btn-default"">Action</button>
<button type=""button"" data-toggle=""dropdown"" class=""btn dropdown-toggle btn-default"">
<span class=""sr-only"">Toggle Dropdown</span>
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">B</a>
</li>
</ul>
</span>
<input type=""text"" class=""form-control"">
</div>
<div class=""input-group"">
<input type=""text"" class=""form-control"">
<span class=""input-group-btn"">
<button type=""button"" class=""btn btn-default"">Action</button>
<button type=""button"" data-toggle=""dropdown"" class=""btn dropdown-toggle btn-default"">
<span class=""sr-only"">Toggle Dropdown</span>
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">B</a>
</li>
</ul>
</span>
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void RightMenuDropdownProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Dropdowns_cshtml>("test-right-menu",
@"<div class=""dropdown"">
<button type=""button"" data-toggle=""dropdown"" class=""btn dropdown-toggle btn-default"">Right
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu dropdown-menu-right"">
<li role=""presentation"" class=""dropdown-header"">Header</li>
<li role=""presentation"" class=""divider""></li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""http://www.google.com"">B</a>
</li>
</ul>
</div>");
}
public void ButtonDropdownWithStateProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Buttons_cshtml>("test-button-dropdown-with-state",
@"<div class=""btn-group"">
<button type=""button"" data-toggle=""dropdown"" class=""btn btn-default dropdown-toggle btn-danger"">Dropdown
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"" class=""dropdown-header"">Header</li>
<li role=""separator"" class=""divider""></li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""http://www.google.com"">B</a>
</li>
</ul>
</div>");
}
public void SplitButtonDropdownNoTextProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Buttons_cshtml>("test-split-button-dropdown-no-text",
@"<div class=""btn-group"">
<button type=""button"" data-toggle=""dropdown"" class=""btn btn-default dropdown-toggle"">
<span class=""sr-only"">Toggle Dropdown</span>
<span class=""caret""></span>
</button>
<ul role=""menu"" class=""dropdown-menu"">
<li role=""presentation"" class=""dropdown-header"">Header</li>
<li role=""presentation"" class=""divider""></li>
<li role=""presentation"">
<a role=""menuitem"" href=""#"">A</a>
</li>
<li role=""presentation"">
<a role=""menuitem"" href=""http://www.google.com"">B</a>
</li>
</ul>
</div>");
}
public void ManualPaginationProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Paginations>("test-manual",
@"<nav>
<ul class=""pagination"">
<li>
<a href=""http://google.com"">1</a>
</li>
<li class=""active"">
<a href=""#"">2</a>
</li>
<li class=""disabled"">
<a href=""#"">3</a>
</li>
<li>
<a href=""#"">4</a>
</li>
</ul>
</nav>");
}
public void AutomaticPagerProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Pagers>("test-automatic",
@"<nav>
<ul class=""pager"">
<li class=""previous"">
<a href=""#"">Oldest</a>
</li>
<li class=""previous disabled"">
<a href=""#"">Old</a>
</li>
<li>
<a href=""#"">Archive</a>
</li>
<li class=""next"">
<a href=""#"">Newer</a>
</li>
</ul>
</nav>");
}
public void ManualPaginationProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Paginations_cshtml>("test-manual",
@"<nav>
<ul class=""pagination"">
<li>
<a href=""http://google.com"">1</a>
</li>
<li class=""active"">
<a href=""#"">2</a>
</li>
<li class=""disabled"">
<a href=""#"">3</a>
</li>
<li>
<a href=""#"">4</a>
</li>
</ul>
</nav>");
}
public void AutomaticPagerProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Pagers_cshtml>("test-automatic",
@"<nav>
<ul class=""pager"">
<li class=""previous"">
<a href=""#"">Oldest</a>
</li>
<li class=""disabled previous"">
<a href=""#"">Old</a>
</li>
<li>
<a href=""#"">Archive</a>
</li>
<li class=""next"">
<a href=""#"">Newer</a>
</li>
</ul>
</nav>");
}
public void StandardThumbnailsProduceCorrectHtml()
{
TestHelper.AssertHtml<ASP._Views_Tests_Thumbnails_cshtml>("test-standard",
@"<div class=""row"">
<div class=""col-md-4"">
<a href=""#"" class=""thumbnail"">
<img src=""http://placehold.it/400x400"">
</a>
</div>
<div class=""col-md-4"">
<a href=""#"" class=""thumbnail"">
<img src=""http://placehold.it/400x400"">
</a>
</div>
<div class=""col-md-4"">
<div class=""thumbnail"">
<img src=""http://placehold.it/400x400"">
</div>
</div>
</div>");
}
public void InputGroupCheckedProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-input-group-checked",
@"<form role=""form"" method=""post"">
<div class=""input-group"">
<span class=""input-group-addon"">
<input type=""checkbox"">
</span>
<input type=""text"" class=""form-control"">
</div>
<div class=""input-group"">
<span class=""input-group-addon"">
<input type=""radio"">
</span>
<input type=""text"" class=""form-control"">
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void InputGroupButtonAddonsProduceCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Forms_cshtml>("test-input-group-button-addons",
@"<form role=""form"" method=""post"">
<div class=""input-group"">
<span class=""input-group-btn"">
<button type=""button"" class=""btn btn-default"">Go!</button>
</span>
<input type=""text"" class=""form-control"">
</div>
<div class=""input-group"">
<input type=""text"" class=""form-control"">
<span class=""input-group-btn"">
<button type=""button"" class=""btn btn-warning"">Go!</button>
</span>
</div>
<div class=""form-group"">
<div class=""form-control-static text-danger""></div>
</div>
</form>");
}
public void InputGroupCheckedProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Forms>("test-input-group-checked",
@"<form method=""post"" role=""form"">
<div class=""input-group"">
<span class=""input-group-addon"">
<input type=""checkbox"">
</span>
<input class=""form-control"" type=""text"">
</div>
<div class=""input-group"">
<span class=""input-group-addon"">
<input type=""radio"">
</span>
<input class=""form-control"" type=""text"">
</div>
<div class=""form-group"">
<div class=""text-danger form-control-static""></div>
</div>
</form>");
}
public void InputGroupButtonAddonsProduceCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Forms>("test-input-group-button-addons",
@"<form method=""post"" role=""form"">
<div class=""input-group"">
<span class=""input-group-btn"">
<button class=""btn-default btn"" type=""button"">Go!</button>
</span>
<input class=""form-control"" type=""text"">
</div>
<div class=""input-group"">
<input class=""form-control"" type=""text"">
<span class=""input-group-btn"">
<button class=""btn-warning btn"" type=""button"">Go!</button>
</span>
</div>
<div class=""form-group"">
<div class=""text-danger form-control-static""></div>
</div>
</form>");
}
public void StandardNavbarTextProducesCorrectHtml()
{
TestHelper.AssertHtml <ASP._Views_Tests_Navbars_cshtml>("test-standard-navbar-text",
@"<nav role=""navigation"" id=""nav9"" class=""navbar navbar-default"">
<div class=""container-fluid"">
<div class=""navbar-header"">
<a href=""/"" class=""navbar-brand"">MyApp</a>
<button type=""button"" data-toggle=""collapse"" aria-expanded=""false"" data-target=""#nav9-collapse"" class=""navbar-toggle collapsed"">
<span class=""sr-only"">Toggle Navigation</span>
<span class=""icon-bar""></span>
<span class=""icon-bar""></span>
<span class=""icon-bar""></span>
</button>
</div>
<div id=""nav9-collapse"" class=""navbar-collapse collapse"">
<p class=""navbar-text navbar-right""> Logged in as <a href=""#"" class=""navbar-link"">Dave</a>
</p>
</div>
</div>
</nav>");
}
public void DefaultMediaObjectsProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.MediaObjects>("test-default",
@"<div class=""media"">
<a class=""media-left"" href=""#"">
<img src=""http://placehold.it/64x64"">
</a>
<div class=""media-body"">
<h4 class=""media-heading"">Media With Link</h4> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
</div>
<div class=""media"">
<div class=""media-left"">
<img src=""http://placehold.it/64x64"">
</div>
<div class=""media-body"">
<h4 class=""media-heading"">Media Without Link</h4>Text content.
</div>
</div>");
}
public void StandardThumbnailsProduceCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Thumbnails>("test-standard",
@"<div class=""row"">
<div class=""col-md-4"">
<a class=""thumbnail"" href=""#"">
<img src=""http://placehold.it/400x400"">
</a>
</div>
<div class=""col-md-4"">
<a class=""thumbnail"" href=""#"">
<img src=""http://placehold.it/400x400"">
</a>
</div>
<div class=""col-md-4"">
<div class=""thumbnail"">
<img src=""http://placehold.it/400x400"">
</div>
</div>
</div>");
}
public void BasicInputGroupProducesCorrectHtml()
{
TestHelper.AssertHtml <FluentBootstrap.Tests.Web.Views.Tests.Forms>("test-basic-input-group",
@"<form method=""post"" role=""form"">
<div class=""input-group"">
<span class=""input-group-addon"">@</span>
<input class=""form-control"" placeholder=""Username"" type=""text"">
</div>
<div class=""input-group"">
<input class=""form-control"" type=""text"">
<span class=""input-group-addon"">.00</span>
</div>
<div class=""input-group"">
<span class=""input-group-addon"">$</span>
<input class=""form-control"" type=""text"">
<span class=""input-group-addon"">.00</span>
</div>
<div class=""form-group"">
<div class=""text-danger form-control-static""></div>
</div>
</form>");
}
