Add visual regression test to Blockquote to check that quote styles render correctly

[sghoweri]

Jira

Follow-up to http://vjira2:8080/browse/BDS-2074

Summary

Adds a new Jest visual regression test to Blockquote that checks that the web component's quotes show up correctly when initially rendered via Twig.

FWIW, I already tested to confirm that this test should be sensitive enough to catch quotes being removed or added... for example, missing just one of the two double quotes is about a 25 to 27 pixel difference:

How to test

Confirm CI tests pass.

[sghoweri]

Note: only one reviewer should be needed here, whoever can get to this first 🙂

[adamszalapski]

I think we must update configuration because on my end test were failing because was 5 pixels difference.

Great job but if we add 0.02% or 0.01 difference will be ok and the test will be not failing.

The same situation is no Travis, test are failing because too big difference between diffs.

[sghoweri]

I think we must update configuration because on my end test were failing because was 5 pixels difference.

Great job but if we add 0.02% or 0.01 difference will be ok and the test will be not failing.

The same situation is no Travis, test are failing because too big difference between diffs.

@adamszalapski yeah I'm trying out an update that allows for up to 20 pixels to be different which, for what it's worth, is just barely the # pixel difference if one of the two sets of double quotes aren't showing up.

[sghoweri]

OK - with quite a bit of trial and error, I think I have a VRT solution for Blockquote that should more consistently catch rendering issues (ex. missing Blockquote quotes) on MacOS and on Linux: https://github.com/boltdesignsystem/bolt/pull/1796/files#diff-372cba9a19220ba9e14566ff8b83f1b8R471

[danielamorse]

Very nice. Tested locally and it passes. It fails when I cause the quotes to disappear.

[sghoweri]

PR was released with v2.21.0