Přejít k navigační liště

Zdroják » Zprávičky » Testujte svůj web stejně jako Zdrojak.cz

Testujte svůj web stejně jako Zdrojak.cz

Zprávičky ‐ ‐ JavaScript ‐

Magazín Zdrojak.cz pohání WordPress s celou řadou našich úprav a pluginů. Musím zaklepat na svůj dřevotřískový stůl, že jsme zatím neměli žádný vážný výpadek. Protože testujeme!

Abychom si byli jisti, že Zdrojak funguje správně, spouštíme po každé úpravě zdrojového kódu řadu E2E testů. Naše testy jsou napsány v Javascriptu a spouští se prostřednictvím Protractoru.

Původně jsem psal testy v Coffeescriptu, ale později jsme se rozhodl, zejména kvůli větší přehlednosti kódu, používat čistý Javascript dle ES6 standardů. Posuďte sami, jak se Vám následující kód líbí:

import {SignUp} from './app/SignUp.js';
import {isFlashErrorPresent} from './app/Flash.js';

describe('Authentication', function () {

 beforeEach(function () {
  browser.get('/wp-login.php');
 });

 it('should login', function () {
    SignUp('user@email.com', 'mypassword').then(
      function () {
       // failing by intention...
       expect(isFlashErrorPresent()).toBe(false); 
      }
    );
   }
 );
});

Zdrojak.cz testujeme na třech prohlížečích, pro přehlednost jsem v následujícím příkladu použil pouze Chrome.

git clone git@github.com:OzzyCzech/es6protractor.git
cd es6protractor && npm install
node_modules/protractor/bin/protractor ./dev.conf.js

Zdrojové kódy: https://github.com/OzzyCzech/es6protractor

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů

WebSocket: Jak dostat webovou aplikaci do reálného času

Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.