UHF-X Visual regression test content

[khalima]

What was done

• Added hel.fi brand colors to visual regression tests.

How to install

• Build a new test-site
  • composer create-project City-of-Helsinki/drupal-helfi-platform:dev-main test --no-interaction --repository https://repository.drupal.hel.ninja/
• Update the Helfi Platform config
  • composer require drupal/helfi_platform_config:dev-UHF-X_helfi_test_content_update
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-X_helfi_test_content_update
• Get the site up and running
  • make new
• Run make shell
  • In shell run drush en -y helfi_test_content

How to test

• Run nvm use; npm i; npm run full-reference.
  • This will take a while.. It'll create the reference images.
• Run open backstop/full/html_report/index.html in the theme folder.
  • This will open the report page to your browser.
  • Scroll down to full_DC_Suomenlinna_0_document_0_Breakpoint_XS.png and check that all helfi brand colors are included in the latter screenshots
• Check that code follows our standards

[github-actions]

⚠️ Visual regression found! Please check if this change is wanted or accidental. You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt/pull/975/html_report/

[teroelonen]

I can't get this to create the backstop/full/html_report/index.html file.

[teroelonen]

This worked very nicely after running the npm run full-test 🦖