Skip to content

Commit f282f0a

Browse files
ockleyockley
authored
Merge pull request #223 from ockley/master
Automated testing with Mocha
2 parents a558ed0 + 7116552 commit f282f0a

18 files changed

Lines changed: 430 additions & 446 deletions

File tree

‎1-js/03-code-quality/05-testing-mocha/article.md‎

Lines changed: 144 additions & 144 deletions
Large diffs are not rendered by default.

‎1-js/03-code-quality/05-testing-mocha/beforeafter.view/index.html‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,36 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<!-- add mocha css, to show results -->
4+
<!-- tilføj mocha css, for at vise resultater -->
55
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
6-
<!-- add mocha framework code -->
6+
<!-- tilføj mocha framework kode -->
77
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
88
<script>
9-
// enable bdd-style testing
10-
mocha.setup('bdd');
9+
mocha.setup('bdd'); // minimal setup
1110
</script>
1211
<!-- add chai -->
1312
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
1413
<script>
15-
// chai has a lot of stuff, let's make assert global
14+
// chai har mange funktioner, lad os gøre assert global
1615
let assert = chai.assert;
1716
</script>
1817
</head>
1918

2019
<body>
2120

22-
<!-- the script with tests (describe, it...) -->
21+
<script>
22+
function pow(x, n) {
23+
/* Funktionens kode skal skrives her, tom for nu */
24+
}
25+
</script>
26+
27+
<!-- scriptet med testene (describe, it...) -->
2328
<script src="test.js"></script>
2429

25-
<!-- the element with id="mocha" will contain test results -->
30+
<!-- HTML-elementet med id="mocha" vil indeholde testresultater -->
2631
<div id="mocha"></div>
2732

28-
<!-- run tests! -->
33+
<!-- kør testene! -->
2934
<script>
3035
mocha.run();
3136
</script>

‎1-js/03-code-quality/05-testing-mocha/beforeafter.view/test.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
describe("test", function() {
22

3-
// Mocha usually waits for the tests for 2 seconds before considering them wrong
3+
// Mocha plejer normalt at vente i 2 sekunder på testene, før den betragter dem som forkerte
44

5-
this.timeout(200000); // With this code we increase this - in this case to 200,000 milliseconds
5+
this.timeout(200000); // Med denne kode øger vi denne - i dette tilfælde til 200.000 millisekunder
66

7-
// This is because of the "alert" function, because if you delay pressing the "OK" button the tests will not pass!
7+
// Dette skyldes "alert"-funktionen, fordi hvis du forsinker tryk på "OK"-knappen, vil testene ikke bestå!
88

9-
before(() => alert("Testing started – before all tests"));
10-
after(() => alert("Testing finished – after all tests"));
9+
before(() => alert("Testning startet – før alle tests"));
10+
after(() => alert("Testning færdig – efter alle tests"));
1111

12-
beforeEach(() => alert("Before a test – enter a test"));
13-
afterEach(() => alert("After a test – exit a test"));
12+
beforeEach(() => alert("Før en test – ind i en test"));
13+
afterEach(() => alert("Efter en test – ud af en test"));
1414

1515
it('test 1', () => alert(1));
1616
it('test 2', () => alert(2));

‎1-js/03-code-quality/05-testing-mocha/index.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<!-- add mocha css, to show results -->
4+
<!-- tilføj mocha css, for at vise resultater -->
55
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
6-
<!-- add mocha framework code -->
6+
<!-- tilføj mocha framework kode -->
77
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
88
<script>
99
mocha.setup('bdd'); // minimal setup
1010
</script>
1111
<!-- add chai -->
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
1313
<script>
14-
// chai has a lot of stuff, let's make assert global
14+
// chai har mange funktioner, lad os gøre assert global
1515
let assert = chai.assert;
1616
</script>
1717
</head>
@@ -20,17 +20,17 @@
2020

2121
<script>
2222
function pow(x, n) {
23-
/* function code is to be written, empty now */
23+
/* Funktionens kode skal skrives her, tom for nu */
2424
}
2525
</script>
2626

27-
<!-- the script with tests (describe, it...) -->
27+
<!-- scriptet med testene (describe, it...) -->
2828
<script src="test.js"></script>
2929

30-
<!-- the element with id="mocha" will contain test results -->
30+
<!-- HTML-elementet med id="mocha" vil indeholde testresultater -->
3131
<div id="mocha"></div>
3232

33-
<!-- run tests! -->
33+
<!-- kør testene! -->
3434
<script>
3535
mocha.run();
3636
</script>

‎1-js/03-code-quality/05-testing-mocha/pow-1.view/index.html‎

Lines changed: 31 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,37 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
3-
<head>
4-
<!-- add mocha css, to show results -->
5-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
6-
<!-- add mocha framework code -->
7-
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8-
<script>
9-
// enable bdd-style testing
10-
mocha.setup('bdd');
11-
</script>
12-
<!-- add chai -->
13-
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
14-
<script>
15-
// chai has a lot of stuff, let's make assert global
16-
let assert = chai.assert;
17-
</script>
18-
</head>
3+
<head>
4+
<!-- tilføj mocha css, for at vise resultater -->
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css" />
6+
<!-- tilføj mocha framework kode -->
7+
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8+
<script>
9+
mocha.setup('bdd'); // minimal setup
10+
</script>
11+
<!-- add chai -->
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
13+
<script>
14+
// chai har mange funktioner, lad os gøre assert global
15+
let assert = chai.assert;
16+
</script>
17+
</head>
1918

20-
<body>
19+
<body>
20+
<script>
21+
function pow(x, n) {
22+
/* funktionens kode skal skrives, tom for nu */
23+
}
24+
</script>
2125

22-
<script>
23-
function pow(x, n) {
24-
/* function code is to be written, empty now */
25-
}
26-
</script>
26+
<!-- scriptet med testene (describe, it...) -->
27+
<script src="test.js"></script>
2728

28-
<!-- the script with tests (describe, it...) -->
29-
<script src="test.js"></script>
30-
31-
<!-- the element with id="mocha" will contain test results -->
32-
<div id="mocha"></div>
33-
34-
<!-- run tests! -->
35-
<script>
36-
mocha.run();
37-
</script>
38-
</body>
29+
<!-- HTML-elementet med id="mocha" vil indeholde testresultater -->
30+
<div id="mocha"></div>
3931

32+
<!-- kør testene! -->
33+
<script>
34+
mocha.run();
35+
</script>
36+
</body>
4037
</html>

‎1-js/03-code-quality/05-testing-mocha/pow-1.view/test.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
describe("pow", function() {
1+
describe("pow", function () {
22

3-
it("raises to n-th power", function() {
3+
it("Hæver til n-te potens", function () {
44
assert.equal(pow(2, 3), 8);
55
});
66

‎1-js/03-code-quality/05-testing-mocha/pow-2.view/index.html‎

Lines changed: 31 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,37 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
3-
<head>
4-
<!-- add mocha css, to show results -->
5-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
6-
<!-- add mocha framework code -->
7-
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8-
<script>
9-
// enable bdd-style testing
10-
mocha.setup('bdd');
11-
</script>
12-
<!-- add chai -->
13-
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
14-
<script>
15-
// chai has a lot of stuff, let's make assert global
16-
let assert = chai.assert;
17-
</script>
18-
</head>
3+
<head>
4+
<!-- tilføj mocha css, for at vise resultater -->
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css" />
6+
<!-- tilføj mocha framework kode -->
7+
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8+
<script>
9+
mocha.setup('bdd'); // minimal setup
10+
</script>
11+
<!-- add chai -->
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
13+
<script>
14+
// chai har mange funktioner, lad os gøre assert global
15+
let assert = chai.assert;
16+
</script>
17+
</head>
1918

20-
<body>
19+
<body>
20+
<script>
21+
function pow(x, n) {
22+
return 8; // :) vi snyder!
23+
}
24+
</script>
2125

22-
<script>
23-
function pow(x, n) {
24-
return 8; // :) we cheat!
25-
}
26-
</script>
26+
<!-- scriptet med testene (describe, it...) -->
27+
<script src="test.js"></script>
2728

28-
<!-- the script with tests (describe, it...) -->
29-
<script src="test.js"></script>
30-
31-
<!-- the element with id="mocha" will contain test results -->
32-
<div id="mocha"></div>
33-
34-
<!-- run tests! -->
35-
<script>
36-
mocha.run();
37-
</script>
38-
</body>
29+
<!-- HTML-elementet med id="mocha" vil indeholde testresultater -->
30+
<div id="mocha"></div>
3931

32+
<!-- kør testene! -->
33+
<script>
34+
mocha.run();
35+
</script>
36+
</body>
4037
</html>

‎1-js/03-code-quality/05-testing-mocha/pow-2.view/test.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
describe("pow", function() {
22

3-
it("2 raised to power 3 is 8", function() {
3+
it("2 hævet til 3de potens er 8", function() {
44
assert.equal(pow(2, 3), 8);
55
});
66

7-
it("3 raised to power 4 is 81", function() {
7+
it("3 hævet til 4de potens er 81", function() {
88
assert.equal(pow(3, 4), 81);
99
});
1010

‎1-js/03-code-quality/05-testing-mocha/pow-3.view/index.html‎

Lines changed: 37 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,43 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
3-
<head>
4-
<!-- add mocha css, to show results -->
5-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
6-
<!-- add mocha framework code -->
7-
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8-
<script>
9-
// enable bdd-style testing
10-
mocha.setup('bdd');
11-
</script>
12-
<!-- add chai -->
13-
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
14-
<script>
15-
// chai has a lot of stuff, let's make assert global
16-
let assert = chai.assert;
17-
</script>
18-
</head>
19-
20-
<body>
21-
22-
<script>
23-
function pow(x, n) {
24-
let result = 1;
25-
26-
for (let i = 0; i < n; i++) {
27-
result *= x;
3+
<head>
4+
<!-- tilføj mocha css, for at vise resultater -->
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css" />
6+
<!-- tilføj mocha framework kode -->
7+
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
8+
<script>
9+
mocha.setup('bdd'); // minimal setup
10+
</script>
11+
<!-- add chai -->
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
13+
<script>
14+
// chai har mange funktioner, lad os gøre assert global
15+
let assert = chai.assert;
16+
</script>
17+
</head>
18+
19+
<body>
20+
<script>
21+
function pow(x, n) {
22+
let result = 1;
23+
24+
for (let i = 0; i < n; i++) {
25+
result *= x;
26+
}
27+
28+
return result;
2829
}
30+
</script>
2931

30-
return result;
31-
}
32-
</script>
33-
34-
<!-- the script with tests (describe, it...) -->
35-
<script src="test.js"></script>
36-
37-
<!-- the element with id="mocha" will contain test results -->
38-
<div id="mocha"></div>
32+
<!-- scriptet med testene (describe, it...) -->
33+
<script src="test.js"></script>
3934

40-
<!-- run tests! -->
41-
<script>
42-
mocha.run();
43-
</script>
44-
</body>
35+
<!-- HTML-elementet med id="mocha" vil indeholde testresultater -->
36+
<div id="mocha"></div>
4537

38+
<!-- kør testene! -->
39+
<script>
40+
mocha.run();
41+
</script>
42+
</body>
4643
</html>

‎1-js/03-code-quality/05-testing-mocha/pow-3.view/test.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
describe("pow", function() {
1+
describe("pow", function () {
22

33
function makeTest(x) {
44
let expected = x * x * x;
5-
it(`${x} in the power 3 is ${expected}`, function() {
5+
it(`${x} hævet til 3de potens er ${expected}`, function () {
66
assert.equal(pow(x, 3), expected);
77
});
88
}

0 commit comments

Comments
 (0)