The Chromium Chronicle n. 10: rilevare le regressioni dell'interfaccia utente con i test di Pixel

Puntata 10: di Sven Zheng a Bellevue, Washington (gennaio 2020)
Puntate precedenti

La strategia di test di Chrome si basa in gran parte su test automatici di correttezza funzionale e test manuali, ma nessuno di questi rileva in modo affidabile piccole regressioni dell'interfaccia utente. Utilizza i test dei pixel per automatizzare i test dell'interfaccia utente del browser desktop.

Quando scrivi un test del pixel, evita la variabilità: (1) disattiva l'animazione, (2) utilizza dati simulati e (3) testa la superficie minima possibile.

Ecco un'immagine di esempio utilizzata per verificare la correttezza dei pixel per l'omnibox:

Immagine dell'omnibox utilizzata per il confronto dei pixel.

Il codice per verificare che il browser corrisponda a questa immagine:

IN_PROC_BROWSER_TEST_F(SkiaGoldDemoPixelTest, TestOmnibox) {
  // Always disable animation for stability.
  ui::ScopedAnimationDurationScaleMode disable_animation(
      ui::ScopedAnimationDurationScaleMode::ZERO_DURATION);
  GURL url("chrome://bookmarks");
  AddTabAtIndex(0, url, ui::PageTransition::PAGE_TRANSITION_FIRST);
  auto* const browser_view = BrowserView::GetBrowserViewForBrowser(browser());
  // CompareScreenshot() takes a screenshot and compares it with the
  // golden image, which was previously human-approved, is stored
  // server-side, and is managed by Skia Gold. If any pixels differ, the
  // test will fail and output a link for the author to triage the
  // new image.
  bool ret = GetPixelDiff().CompareScreenshot("omnibox",
      browser_view->GetLocationBarView());
  EXPECT_TRUE(ret);
}

Questo codice si trova in chrome/test/pixel/demo/skia_gold_demo_pixeltest.cc. Le intestazioni pertinenti sono skia_gold_pixel_diff.h per i test delle unità e browser_skia_gold_pixel_diff.h per i test del browser.

La procedura di confronto e approvazione dei pixel è basata su Skia Gold. I test dei pixel di Skia Gold forniscono un flusso di lavoro di approvazione visiva e consentono agli sviluppatori di accettare piccoli aloni approvando più immagini gold.

Al momento la suite di test è in esecuzione sul bot FYI di Windows. Sono supportati i test del browser e i test delle unità di Views.