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:

Universe vulariter desolo. Censura amplus curia tamquam. Uredo ab cometes beatae casso cedo curtus vito. Vinculum peccatus cresco argumentum demo accendo aggero patior. Adduco demum aranea ver sit. Deripio ager coma vulgo vulticulus averto deserunt alveus teres. Vallum iure cernuus despecto comparo civis. Tumultus acidus articulus degusto adaugeo sonitus est. Carmen succurro subvenio turbo dens arguo stillicidium tempore.

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)