#2426 [ANN] Fancordion Bootstrap Released!

SlimerDude Tue 30 Jun 2015

Fancordion Bootstrap Released!

Just when you thought your tests couldn't look any better, here comes Fancordion Bootstrap with a swarm of fresh Fancordion skins! It has a skin for the popular Bootstrap framework and a skin for each of the Bootswatch themes, making your tests clean, clear and easy to read.

fanr install -r http://pods.fantomfactory.org/fanr/ afFancordionBootstrap

The Fancordion Bootstrap documentation even comes with sample pages, allowing you to visualise each skin and choose a favourite!

Fancordion Bootstrap is bundled with skins for Bootstrap v3.3.5.

Bootstrap rendering example

pod.fandoc follows:

Quick Start

  1. Create a text file called BootstrapFixture.fan
    using afFancordion
    using afFancordionBootstrap
    
    ** Bootstrap Fixture
    ** #################
    **
    ** This simple fixture is rendered with the Bootstrap skin.
    **
    ** Example
    ** -------
    ** Fancordion says, [Hello World!]`verifyEq:greeting()`
    **
    class BootstrapFixture : FixtureTest {
        override FancordionRunner fancordionRunner() {
            FancordionRunner() {
                it.skinType = BootstrapSkin#
            }
        }
    
        Str greeting() {
            "Hello World!"
        }
    }
  2. Run BootstrapFixture.fan as a Fantom test script ( fant ) from the command prompt:
    C:\> fant BootstrapFixture.fan
    
    -- Run:  BootstrapFixture_0::BootstrapFixture.testFancordionFixture...
       Pass: BootstrapFixture_0::BootstrapFixture.testFancordionFixture [0]
    
    [info] [afFancordion] C:\temp\fancordion\from-script\BootstrapFixture.html ... Ok
    
    Time: 691ms
    
    ***
    *** All Fixtures Passed! [1 Fixtures]
    ***
  3. View the generated fixture result file:

    Fancordion Fixture Result

Usage

Bootstrap Skins

To use the vanilla Bootstrap skin, set the skinType field on FancordionRunner:

using afFancordion
using afFancordionBootstrap

** My Fixture
class BootstrapFixture : FixtureTest {
    override FancordionRunner fancordionRunner() {
        FancordionRunner() {
            it.skinType = BootstrapSkin#
        }
    }

    ...
}

To use the themed version of Bootstrap, set the gimmeSomeSkin field instead:

it.gimmeSomeSkin = |->FancordionSkin| { BootstrapSkin(true) }

Bootswatch Skins

Fancordion Bootstrap is also bundled with Bootswatch skins. To use, set the gimmeSomeSkin function on FancordionRunner:

using afFancordion
using afFancordionBootstrap

** My Bootswatch Fixture
class BootswatchFixture : FixtureTest {
    override FancordionRunner fancordionRunner() {
        FancordionRunner() {
            it.gimmeSomeSkin = |->FancordionSkin| {
                BootswatchSkin("Cyborg")
            }
        }
    }

    ...
}

The Bootswatch skinName may be one of:

  • Cerulean
  • Cosmo
  • Cyborg
  • Darkly
  • Flatly
  • Journal
  • Lumen
  • Paper
  • Readable
  • Sandstone
  • Simplex
  • Slate
  • Spacelab
  • Superhero
  • United
  • Yeti

Fancordion Cyborg Fixture Result

Error Modals

Should an error be thrown in your Fancordion fixture, a Show Stack Trace button is shown next to the command in error which, when pressed, displays a modal dialogue with the stack trace.

Stack Trace in Err Modal Have fun!

Login or Signup to reply.