<!DOCTYPE HTML>
<html>
    <head>
        <title>Testem + QUnit</title>
        <script type='text/javascript' src='steal/steal.js'></script>
        <script type='text/javascript'>
            // Load funcunit and qunit first, then the testem.js,
            // then our qunit tests.
            var testFiles = '{{#src_files}}{{.}} {{/src_files}}'.split(' ')
            testFiles.pop()
            steal('funcunit', 'funcunit/qunit')
                .then('/testem.js')
                .then.apply(null, testFiles);
        </script>

        <link rel="stylesheet" type="text/css" href="funcunit/qunit/qunit.css" />
    </head>
    <body>
        <h1 id="qunit-header">Testem + Qunit Test Suite</h1>
        <h2 id="qunit-banner"></h2>
        <div id="qunit-testrunner-toolbar"></div>
        <h2 id="qunit-userAgent"></h2>
        <div id="test-content"></div>
        <ol id="qunit-tests"></ol>
        <div id="qunit-test-area"></div>
    </body>
</html>
<!DOCTYPE HTML>
<html>
    <head>
        <title>Testem + QUnit</title>
        <script type='text/javascript' src='steal/steal.js'></script>
        <script type='text/javascript'>
            // Load funcunit and qunit first, then the testem.js,
            // then our qunit tests.
            var testFiles = [];
            {{#src_files}}
                testFiles.push('{{.}}');
            {{/src_files}}
            steal('funcunit', 'funcunit/qunit')
                .then('/testem.js')
                .then.apply(null, testFiles);
        </script>

        <link rel="stylesheet" type="text/css" href="funcunit/qunit/qunit.css" />
    </head>
    <body>
        <h1 id="qunit-header">Testem + Qunit Test Suite</h1>
        <h2 id="qunit-banner"></h2>
        <div id="qunit-testrunner-toolbar"></div>
        <h2 id="qunit-userAgent"></h2>
        <div id="test-content"></div>
        <ol id="qunit-tests"></ol>
        <div id="qunit-test-area"></div>
    </body>
</html>
Use a cleaner template pattern
examples/template_stealjs: Use a cleaner template pattern
