QUnit - Configuração de ambiente
Existem duas maneiras de usar o QUnit.
Local Installation - Você pode baixar a biblioteca QUnit em sua máquina local e incluí-la em seu código HTML.
CDN Based Version - Você pode incluir a biblioteca QUnit em seu código HTML diretamente da Content Delivery Network (CDN).
Instalação Local
Vou ao https://code.jquery.com/qunit/ para baixar a versão mais recente disponível.
Coloque o baixado qunit-git.js e qunit-git.css arquivo em um diretório do seu site, por exemplo, / jquery.
Exemplo
Você pode incluir qunit-git.js e qunit-git.css arquivos em seu arquivo HTML da seguinte forma -
<html>
<head>
<meta charset = "utf-8">
<title>QUnit basic example</title>
<link rel = "stylesheet" href = "/jquery/qunit-git.css">
<script src = "/jquery/qunit-git.js"></script>
</head>
<body>
<div id = "qunit"></div>
<div id = "qunit-fixture"></div>
<script>
QUnit.test( "My First Test", function( assert ) {
var value = "1";
assert.equal( value, "1", "Value should be 1" );
});
</script>
</body>
</html>
Isso produzirá o seguinte resultado -
Versão baseada em CDN
Você pode incluir a biblioteca QUnit em seu código HTML diretamente da Content Delivery Network (CDN).
Estamos usando a versão jQuery CDN da biblioteca em todo este tutorial.
Exemplo
Vamos reescrever o exemplo acima usando a biblioteca QUnit do jQuery CDN.
<html>
<head>
<meta charset = "utf-8">
<title>QUnit basic example</title>
<link rel = "stylesheet" href = "https://code.jquery.com/qunit/qunit-1.22.0.css">
<script src = "https://code.jquery.com/qunit/qunit-1.22.0.js"></script>
</head>
<body>
<div id = "qunit"></div>
<div id = "qunit-fixture"></div>
<script>
QUnit.test( "My First Test", function( assert ) {
var value = "1";
assert.equal( value, "1", "Value should be 1" );
});
</script>
</body>
</html>
Isso produzirá o seguinte resultado -