Toolkit Validation

Loading of Source Sans Font

This sentence and all text on this page should be rendered in the Source Sans font. Custom font variants for bold, italic and bolded italic should also be present.

Faker Library

The following paragraph is random text generated by the Faker module and inlined into this page by a Handlebars expression:

Acsi cornu adhuc sol. Succedo adeptio avarus benevolentia. Vicissitudo correptius carmen comedo. Accusator fuga tredecim tunc terreo territo pax umerus trado creta. Cunabula acquiro coniecto veniam. Carmen thorax amoveo eum in truculenter. Cresco autus alii mollitia cornu tametsi derelinquo tener cognatus maiores. Cruciamentum accusator earum officia tergiversatio expedita architecto. Quo corrumpo supplanto caterva argentum.

Font Awesome Icons

This sentence should contain a green checkmark at the end.

This verifies that a Font Awesome icon is getting rendered from the fontawesome-pro module using a Parcel file alias (defined in package.json) and inlining the image into the stylesheet as a data URL.

JavaScript

Is JavaScript getting compiled and loading on this page [yes/no]? no

Images

This SVG's src attribute has a path to the toolkit's compiled images at /dist/images/ and contains a Handlebars expression and Fractal path variable:

California Digital Library icon

Visually Verify

  1. This page's elements are rendering the same in the current versions of Chrome, Firefox and Safari desktop browsers; verify older browser rendering per project requirements
  2. CSS is getting compiled to /dist/css/test.css with Parcel vendor prefixing (such as adding -webkit-mask) and other Parcel transpilations (verify CSS logical properties)
  3. Images are rendering when served from this page hosted on GitHub Pages (verifying that file paths aren't broken)
  4. Source maps (when using the toolkit in development mode) are correctly referencing this page's element styles to the test.css and main.css stylesheets and line numbers (verify with browser inspector tool)