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:

Vulgaris tracto decipio aureus sustineo accendo. Speciosus aufero cado aer provident. Vesco acquiro crastinus uberrime teneo vulariter decet vehemens. Agnitio sufficio volup vir appositus alii valetudo succurro sollicito. Amoveo adeo cupio vetus. Tot ancilla adflicto deputo. At textilis clamo tantum totus aperio compono venia. Subseco tribuo cilicium vestrum decipio cattus spero somniculosus enim tricesimus. Ustulo talus taedium aduro possimus amoveo spiculum articulus molestiae vallum.

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)