javascript-tutorial · otmon76 · Jul 17, 2022 · Nov 26, 2022
diff --git a/1-js/03-code-quality/05-testing-mocha/3-pow-test-wrong/solution.md b/1-js/03-code-quality/05-testing-mocha/3-pow-test-wrong/solution.md
@@ -1,50 +1,50 @@
-The test demonstrates one of the temptations a developer meets when writing tests.
+Tento test ukazuje jedno z pokušení, kterým vývojář při psaní testů čelí.
 
-What we have here is actually 3 tests, but layed out as a single function with 3 asserts.
+To, co zde máme, jsou ve skutečnosti 3 testy, ale jsou vytvořeny jako jediná funkce se 3 kontrolami.
 
-Sometimes it's easier to write this way, but if an error occurs, it's much less obvious what went wrong.
+Někdy je jednodušší psát takto, ale když nastane chyba, je mnohem méně zřejmé, co bylo špatně.
 
-If an error happens in the middle of a complex execution flow, then we'll have to figure out the data at that point. We'll actually have to *debug the test*.
+Nastane-li chyba uprostřed složitého provádění, musíme v té chvíli zjišťovat, jaká byla data. Vlastně musíme *ladit test*.
 
-It would be much better to break the test into multiple `it` blocks with clearly written inputs and outputs.
+Bylo by mnohem lepší rozdělit test do několika `it` bloků s jasně uvedenými vstupy a výstupy.
 
-Like this:
+Například takto:
 ```js
-describe("Raises x to power n", function() {
-  it("5 in the power of 1 equals 5", function() {
-    assert.equal(pow(5, 1), 5);
+describe("Umocní x na n-tou", function() {
+  it("5 na 1 se rovná 5", function() {
+    assert.equal(mocnina(5, 1), 5);
   });
 
-  it("5 in the power of 2 equals 25", function() {
-    assert.equal(pow(5, 2), 25);
+  it("5 na 2 se rovná 25", function() {
+    assert.equal(mocnina(5, 2), 25);
   });
 
-  it("5 in the power of 3 equals 125", function() {
-    assert.equal(pow(5, 3), 125);
+  it("5 na 3 se rovná 125", function() {
+    assert.equal(mocnina(5, 3), 125);
   });
 });
 ```
 
-We replaced the single `it` with `describe` and a group of `it` blocks. Now if something fails we would see clearly what the data was.
+Nahradili jsme jediné `it` za `describe` a skupinu `it` bloků. Když nyní něco selže, jasně uvidíme, jaká byla data.
 
-Also we can isolate a single test and run it in standalone mode by writing `it.only` instead of `it`:
+Nyní můžeme také izolovat jediný test a spustit jej samostatně. To uděláme tak, že napíšeme `it.only` místo `it`:
 
 
 ```js
-describe("Raises x to power n", function() {
-  it("5 in the power of 1 equals 5", function() {
-    assert.equal(pow(5, 1), 5);
+describe("Umocní x na n-tou", function() {
+  it("5 na 1 se rovná 5", function() {
+    assert.equal(mocnina(5, 1), 5);
   });
 
 *!*
-  // Mocha will run only this block
-  it.only("5 in the power of 2 equals 25", function() {
-    assert.equal(pow(5, 2), 25);
+  // Mocha spustí pouze tento blok
+  it.only("5 na 2 se rovná 25", function() {
+    assert.equal(mocnina(5, 2), 25);
   });
 */!*
 
-  it("5 in the power of 3 equals 125", function() {
-    assert.equal(pow(5, 3), 125);
+  it("5 na 3 se rovná 125", function() {
+    assert.equal(mocnina(5, 3), 125);
   });
 });
 ```
diff --git a/1-js/03-code-quality/05-testing-mocha/3-pow-test-wrong/task.md b/1-js/03-code-quality/05-testing-mocha/3-pow-test-wrong/task.md
@@ -2,23 +2,23 @@ importance: 5
 
 ---
 
-# What's wrong in the test?
+# Co je na tomto testu špatně?
 
-What's wrong in the test of `pow` below?
+Co je špatně na níže uvedeném testu funkce `mocnina`?
 
 ```js
-it("Raises x to the power n", function() {
+it("Umocní x na n-tou", function() {
   let x = 5;
 
-  let result = x;
-  assert.equal(pow(x, 1), result);
+  let výsledek = x;
+  assert.equal(mocnina(x, 1), výsledek);
 
-  result *= x;
-  assert.equal(pow(x, 2), result);
+  výsledek *= x;
+  assert.equal(mocnina(x, 2), výsledek);
 
-  result *= x;
-  assert.equal(pow(x, 3), result);
+  výsledek *= x;
+  assert.equal(mocnina(x, 3), výsledek);
 });
 ```
 
-P.S. Syntactically the test is correct and passes.
+P.S. Syntakticky je tento test korektní a projde.
diff --git a/1-js/03-code-quality/05-testing-mocha/article.md b/1-js/03-code-quality/05-testing-mocha/article.md
diff --git a/1-js/03-code-quality/05-testing-mocha/beforeafter.view/index.html b/1-js/03-code-quality/05-testing-mocha/beforeafter.view/index.html
@@ -1,31 +1,31 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <!-- add mocha css, to show results -->
+  <!-- přidáme css mochy, aby se zobrazily výsledky -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
-  <!-- add mocha framework code -->
+  <!-- přidáme kód frameworku mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
   <script>
-    // enable bdd-style testing
+    // umožňuje testování stylem bdd
     mocha.setup('bdd');
   </script>
-  <!-- add chai -->
+  <!-- přidáme chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
   <script>
-    // chai has a lot of stuff, let's make assert global
+    // chai má spoustu věcí, učiníme assert globálním
     let assert = chai.assert;
   </script>
 </head>
 
 <body>
 
-  <!-- the script with tests (describe, it...) -->
+  <!-- skript s testy (describe, it...) -->
   <script src="test.js"></script>
 
-  <!-- the element with id="mocha" will contain test results -->
+  <!-- prvek s id="mocha" bude obsahovat výsledky testů -->
   <div id="mocha"></div>
 
-  <!-- run tests! -->
+  <!-- spustíme testy! -->
   <script>
     mocha.run();
   </script>

diff --git a/1-js/03-code-quality/05-testing-mocha/beforeafter.view/test.js b/1-js/03-code-quality/05-testing-mocha/beforeafter.view/test.js
@@ -1,16 +1,16 @@
 describe("test", function() {
 
-   // Mocha usually waits for the tests for 2 seconds before considering them wrong
+   // Mocha obvykle čeká na provedení testu 2 sekundy a pak jej považuje za špatný
 
-  this.timeout(200000); // With this code we increase this - in this case to 200,000 milliseconds
+  this.timeout(200000); // S tímto kódem to můžeme zvýšit - v tomto případě na 200 000 milisekund
 
-  // This is because of the "alert" function, because if you delay pressing the "OK" button the tests will not pass!
+  // To je kvůli funkci "alert", protože jestliže budete zaváhat se stisknutím tlačítka "OK", testy neprojdou!
 
-  before(() => alert("Testing started – before all tests"));
-  after(() => alert("Testing finished – after all tests"));
+  before(() => alert("Začíná testování - před všemi testy"));
+  after(() => alert("Končí testování - po všech testech"));
 
-  beforeEach(() => alert("Before a test – enter a test"));
-  afterEach(() => alert("After a test – exit a test"));
+  beforeEach(() => alert("Před testem - vstup do testu"));
+  afterEach(() => alert("Po testu - výstup z testu"));
 
   it('test 1', () => alert(1));
   it('test 2', () => alert(2));

diff --git a/1-js/03-code-quality/05-testing-mocha/index.html b/1-js/03-code-quality/05-testing-mocha/index.html
@@ -1,36 +1,36 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <!-- add mocha css, to show results -->
+  <!-- přidáme css mochy, aby se zobrazily výsledky -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
-  <!-- add mocha framework code -->
+  <!-- přidáme kód frameworku mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
   <script>
-    mocha.setup('bdd'); // minimal setup
+    mocha.setup('bdd'); // minimální nastavení
   </script>
-  <!-- add chai -->
+  <!-- přidáme chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
   <script>
-    // chai has a lot of stuff, let's make assert global
+    // chai toho obsahuje spoustu, učiníme assert globálním
     let assert = chai.assert;
   </script>
 </head>
 
 <body>
 
   <script>
-    function pow(x, n) {
-      /* function code is to be written, empty now */
+    function mocnina(x, n) {
+      /* kód funkce musí být napsán, nyní je prázdný */
     }
   </script>
 
-  <!-- the script with tests (describe, it...) -->
+  <!-- skript s testy (describe, it...) -->
   <script src="test.js"></script>
 
-  <!-- the element with id="mocha" will contain test results -->
+  <!-- prvek s id="mocha" bude obsahovat výsledky testů -->
   <div id="mocha"></div>
 
-  <!-- run tests! -->
+  <!-- spustíme testy! -->
   <script>
     mocha.run();
   </script>

diff --git a/1-js/03-code-quality/05-testing-mocha/pow-1.view/index.html b/1-js/03-code-quality/05-testing-mocha/pow-1.view/index.html
@@ -1,37 +1,37 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <!-- add mocha css, to show results -->
+  <!-- přidáme css mochy, aby se zobrazily výsledky -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
-  <!-- add mocha framework code -->
+  <!-- přidáme kód frameworku mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
   <script>
-    // enable bdd-style testing
+    // umožňuje testování stylem bdd
     mocha.setup('bdd');
   </script>
-  <!-- add chai -->
+  <!-- přidáme chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
   <script>
-    // chai has a lot of stuff, let's make assert global
+    // chai má spoustu věcí, učiníme assert globálním
     let assert = chai.assert;
   </script>
 </head>
 
 <body>
 
   <script>
-    function pow(x, n) {
-      /* function code is to be written, empty now */
+    function mocnina(x, n) {
+      /* kód funkce ještě musí být napsán, prozatím je prázdný */
     }
   </script>
 
-  <!-- the script with tests (describe, it...) -->
+  <!-- skript s testy (describe, it...) -->
   <script src="test.js"></script>
 
-  <!-- the element with id="mocha" will contain test results -->
+  <!-- prvek s id="mocha" bude obsahovat výsledky testů -->
   <div id="mocha"></div>
 
-  <!-- run tests! -->
+  <!-- spustíme testy! -->
   <script>
     mocha.run();
   </script>

diff --git a/1-js/03-code-quality/05-testing-mocha/pow-1.view/test.js b/1-js/03-code-quality/05-testing-mocha/pow-1.view/test.js
@@ -1,7 +1,7 @@
-describe("pow", function() {
+describe("mocnina", function() {
 
-  it("raises to n-th power", function() {
-    assert.equal(pow(2, 3), 8);
+  it("umocňuje na n-tou", function() {
+    assert.equal(mocnina(2, 3), 8);
   });
 
 });
diff --git a/1-js/03-code-quality/05-testing-mocha/pow-2.view/index.html b/1-js/03-code-quality/05-testing-mocha/pow-2.view/index.html
@@ -1,37 +1,37 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <!-- add mocha css, to show results -->
+  <!-- přidáme css mochy, aby se zobrazily výsledky -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
-  <!-- add mocha framework code -->
+  <!-- přidáme kód frameworku mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
   <script>
-    // enable bdd-style testing
+    // umožňuje testování stylem bdd
     mocha.setup('bdd');
   </script>
-  <!-- add chai -->
+  <!-- přidáme chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
   <script>
-    // chai has a lot of stuff, let's make assert global
+    // chai má spoustu věcí, učiníme assert globálním
     let assert = chai.assert;
   </script>
 </head>
 
 <body>
 
   <script>
-    function pow(x, n) {
-      return 8; // :) we cheat!
+    function mocnina(x, n) {
+      return 8; // :) podvádíme!
     }
   </script>
 
-  <!-- the script with tests (describe, it...) -->
+  <!-- skript s testy (describe, it...) -->
   <script src="test.js"></script>
 
-  <!-- the element with id="mocha" will contain test results -->
+  <!-- prvek s id="mocha" bude obsahovat výsledky testů -->
   <div id="mocha"></div>
 
-  <!-- run tests! -->
+  <!-- spustíme testy! -->
   <script>
     mocha.run();
   </script>

diff --git a/1-js/03-code-quality/05-testing-mocha/pow-2.view/test.js b/1-js/03-code-quality/05-testing-mocha/pow-2.view/test.js
@@ -1,11 +1,11 @@
-describe("pow", function() {
+describe("mocnina", function() {
 
-  it("2 raised to power 3 is 8", function() {
-    assert.equal(pow(2, 3), 8);
+  it("2 na 3 je 8", function() {
+    assert.equal(mocnina(2, 3), 8);
   });
 
-  it("3 raised to power 4 is 81", function() {
-    assert.equal(pow(3, 4), 81);
+  it("3 na 4 je 81", function() {
+    assert.equal(mocnina(3, 4), 81);
   });
 
 });
diff --git a/1-js/03-code-quality/05-testing-mocha/pow-3.view/index.html b/1-js/03-code-quality/05-testing-mocha/pow-3.view/index.html
@@ -1,43 +1,43 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <!-- add mocha css, to show results -->
+  <!-- přidáme css mochy, aby se zobrazily výsledky -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
-  <!-- add mocha framework code -->
+  <!-- přidáme kód frameworku mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
   <script>
-    // enable bdd-style testing
+    // umožňuje testování stylem bdd
     mocha.setup('bdd');
   </script>
-  <!-- add chai -->
+  <!-- přidáme chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
   <script>
-    // chai has a lot of stuff, let's make assert global
+    // chai má spoustu věcí, učiníme assert globálním
     let assert = chai.assert;
   </script>
 </head>
 
 <body>
 
   <script>
-    function pow(x, n) {
-      let result = 1;
+    function mocnina(x, n) {
+      let výsledek = 1;
 
       for (let i = 0; i < n; i++) {
-        result *= x;
+        výsledek *= x;
       }
 
-      return result;
+      return výsledek;
     }
   </script>
 
-  <!-- the script with tests (describe, it...) -->
+  <!-- skript s testy (describe, it...) -->
   <script src="test.js"></script>
 
-  <!-- the element with id="mocha" will contain test results -->
+  <!-- prvek s id="mocha" bude obsahovat výsledky testů -->
   <div id="mocha"></div>
 
-  <!-- run tests! -->
+  <!-- spustíme testy! -->
   <script>
     mocha.run();
   </script>