diff --git a/CHANGELOG.md b/CHANGELOG.md index db5ad35c..aeea0ae1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ## [Unreleased] +## [1.30.1] - 2021-04-27 + +### Fixed + +- Increased visual regression testing coverage to include all component examples + ## [1.30.0] - 2021-03-25 ### Added @@ -15,7 +21,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ## [1.29.0] - 2021-03-24 -## Fixed +### Fixed - Added a class to Report Technical Issue to help with browser testing diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 69799c4c..a5c8e8d7 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -65,8 +65,98 @@ result of a known change to the component, the reference images can be updated b npm run test:backstop-approve ``` -If any changes are needed to the backstop configuration, for example to test on different device types or add to the - list of scenarios, these can be made by editing the file `tasks/gulp/backstop-config.js` +All examples of components will be checked by backstop. You can adjust the backstop configuration for a component or a +specific example of a component by adding options under the `visualRegressionTests` key to the yaml configuration for +the component or example. + +For example to introduce a delay before a screenshot is taken for all examples of a component: + +```yaml +examples: + - name: welsh-language + data: + language: "cy" + timeout: 70 + countdown: 68 + keepAliveUrl: "?abc=def" + signOutUrl: "?ghi=jkl" + +visualRegressionTests: + backstopScenarioOptions: + delay: 2000 +``` + +Or just for a specific example: + +```yaml +examples: + - name: welsh-language + data: + language: "cy" + timeout: 70 + countdown: 68 + keepAliveUrl: "?abc=def" + signOutUrl: "?ghi=jkl" + visualRegressionTests: + backstopScenarioOptions: + delay: 2000 +``` + +You can also capture examples of components in different states. + +For example, an input with a focused state: + +```yaml +examples: + - name: default + description: A text input + data: + label: + text: test-label + id: input-example + name: test-name + - name: invalid + description: A text input with an error + data: + label: + text: test-label + id: input-example + name: test-name + errorMessage: Please enter the correct value + +visualRegressionTests: + alternateStates: + focused: + clickSelector: .govuk-label +``` + +The configuration above would result in 4 backstop checks being run. One for each example: default, and invalid; and one +for each example in each alternate state - so in this case: default when focused, and invalid when focused. + +Alternate states on a specific example will override any supplied at the component level: + +```yaml +examples: + - name: default + description: A text input + data: + label: + text: test-label + id: input-example + name: test-name + visualRegressionTests: + alternateStates: [ ] + +visualRegressionTests: + alternateStates: + focused: + clickSelector: .govuk-label +``` + +The configuration above would result in an alternate focused state for all examples except the default which overrides +the alternate states with an empty list. + +For more general backstop configuration take a look at [tasks/gulp/backstop-config.js]() #### Test for compatibility The code you contribute must be accessible. This means it works on every browser or device your users may use to access it. diff --git a/app/app.js b/app/app.js index 00327a5b..ed461404 100644 --- a/app/app.js +++ b/app/app.js @@ -103,7 +103,7 @@ module.exports = (options) => { const globalData = (type === 'layout' && exampleConfig.data) || {}; if (!exampleConfig) { - next(); + return next(); } // Construct and evaluate the component with the data for this example @@ -127,7 +127,7 @@ module.exports = (options) => { bodyClasses = 'app-iframe-in-component-preview'; } - res.render(`${type}-preview`, { + return res.render(`${type}-preview`, { ...globalData, bodyClasses, previewLayout, hmrcFrontendVersion: pkg.version, }); }); diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_0_phone.png deleted file mode 100644 index 82ffaa9c..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_1_tablet.png deleted file mode 100644 index 128b2a9d..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Header_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_0_phone.png deleted file mode 100644 index fc2aba71..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_1_tablet.png deleted file mode 100644 index 51569c03..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Account_Menu_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_0_phone.png deleted file mode 100644 index 687e2b31..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_1_tablet.png deleted file mode 100644 index 26d21eaa..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Add_to_a_list_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_0_phone.png deleted file mode 100644 index c63e95b3..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_1_tablet.png deleted file mode 100644 index 14f626f6..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Banner_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_0_phone.png deleted file mode 100644 index 9c37fc2d..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_0_phone.png deleted file mode 100644 index 2fee4898..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_0_phone.png deleted file mode 100644 index 30b8402f..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_1_tablet.png deleted file mode 100644 index 28b3b3cb..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Internal_Header_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_0_phone.png deleted file mode 100644 index 07b1d7f4..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_1_tablet.png deleted file mode 100644 index 6f617e2f..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_0_phone.png deleted file mode 100644 index 07b1d7f4..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_0_phone.png deleted file mode 100644 index ca1607b8..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_1_tablet.png deleted file mode 100644 index 59cbceb7..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_New_Tab_Link_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_0_phone.png deleted file mode 100644 index f44400a6..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_0_phone.png deleted file mode 100644 index 605176f4..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_1_tablet.png deleted file mode 100644 index 2a54111c..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Page_Heading_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_0_phone.png deleted file mode 100644 index c99bfed8..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_1_tablet.png deleted file mode 100644 index 9a355d70..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Report_Technical_Issue_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_0_phone.png deleted file mode 100644 index a2a80ca3..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_0_phone.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_1_tablet.png deleted file mode 100644 index ce0384a2..00000000 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Timeout_Dialog_0_document_1_tablet.png and /dev/null differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_0_phone.png new file mode 100644 index 00000000..47e2a2da Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_1_tablet.png new file mode 100644 index 00000000..944dd321 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_all-available-options_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_0_phone.png new file mode 100644 index 00000000..b96909bb Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..6ef84d19 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_0_phone.png new file mode 100644 index 00000000..1f231fdf Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_1_tablet.png new file mode 100644 index 00000000..0954dae7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_global-service-name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_0_phone.png new file mode 100644 index 00000000..96f63e16 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_1_tablet.png new file mode 100644 index 00000000..36b37cbc Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_overridden-global-service-name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_0_phone.png new file mode 100644 index 00000000..a5f7ff1c Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_1_tablet.png new file mode 100644 index 00000000..dbc9bc60 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_welsh-with-service-name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_0_phone.png new file mode 100644 index 00000000..0a990660 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_1_tablet.png new file mode 100644 index 00000000..daf370fb Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-header_with-service-name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_0_phone.png new file mode 100644 index 00000000..7fe98d76 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..c804266e Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_0_phone.png new file mode 100644 index 00000000..3696a545 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_1_tablet.png new file mode 100644 index 00000000..b7b004ee Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-navigation-urls_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_0_phone.png new file mode 100644 index 00000000..7fe98d76 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_1_tablet.png new file mode 100644 index 00000000..6358fbd8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_account-menu_with-unread-messages_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_0_phone.png new file mode 100644 index 00000000..e7a264ff Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..d403f7cb Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..0bde6528 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..f2c2504d Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_empty-list-welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_0_phone.png new file mode 100644 index 00000000..90078f07 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_1_tablet.png new file mode 100644 index 00000000..7d61ffae Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_multiple-specific-items_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_0_phone.png new file mode 100644 index 00000000..b81d40f7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_1_tablet.png new file mode 100644 index 00000000..ec14f427 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_mutltiple-generic-welsh-items_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_0_phone.png new file mode 100644 index 00000000..41c7f2f7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_1_tablet.png new file mode 100644 index 00000000..8ecf41df Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-item_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_0_phone.png new file mode 100644 index 00000000..259bb252 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_1_tablet.png new file mode 100644 index 00000000..3b55dd75 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_add-to-a-list_single-generic-welsh-item_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_0_phone.png new file mode 100644 index 00000000..2f16aafd Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..ab2aa16c Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..ee039964 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..e9c06a80 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_banner_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_0_phone.png new file mode 100644 index 00000000..106185ac Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_1_tablet.png new file mode 100644 index 00000000..59f15656 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_attributes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_0_phone.png new file mode 100644 index 00000000..b7a0d87e Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..cf836bd9 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_0_phone.png new file mode 100644 index 00000000..ee145668 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_1_tablet.png new file mode 100644 index 00000000..db378713 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_on_countMessage_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_0_phone.png new file mode 100644 index 00000000..310afe09 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_1_tablet.png new file mode 100644 index 00000000..49ee79d3 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_custom_classes_with_error_message_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Character_Count_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0_document_0_phone.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Character_Count_0_document_0_phone.png rename to backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0_document_0_phone.png diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Character_Count_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0_document_1_tablet.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Character_Count_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_character-count_default_example_0_document_1_tablet.png diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..380f2ec8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..0448ca8b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_default_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_0_phone.png new file mode 100644 index 00000000..91a50394 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..c6871a08 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_formGroup_with_classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_0_phone.png new file mode 100644 index 00000000..a6843c2a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_1_tablet.png new file mode 100644 index 00000000..cc4b0d05 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_disabled_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_0_phone.png new file mode 100644 index 00000000..334b8308 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_1_tablet.png new file mode 100644 index 00000000..43c98fc0 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_spellcheck_enabled_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_0_phone.png new file mode 100644 index 00000000..2a48ab22 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_1_tablet.png new file mode 100644 index 00000000..33331da9 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_welsh_with_word_count_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_0_phone.png new file mode 100644 index 00000000..8ccec000 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_1_tablet.png new file mode 100644 index 00000000..4515985a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_custom_rows_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_0_phone.png new file mode 100644 index 00000000..2d8b4930 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_1_tablet.png new file mode 100644 index 00000000..277ae6c7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_0_phone.png new file mode 100644 index 00000000..89fec40c Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_1_tablet.png new file mode 100644 index 00000000..cfd316c4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..5ba8de60 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..9ad63d45 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_exceeding_limit_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..8fd65dbd Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..d3c033a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_default_value_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_0_phone.png new file mode 100644 index 00000000..3e38c18a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_1_tablet.png new file mode 100644 index 00000000..aeaafb33 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_hint_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_0_phone.png new file mode 100644 index 00000000..414b1df8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_1_tablet.png new file mode 100644 index 00000000..a71f831a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_id_starting_with_number_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_0_phone.png new file mode 100644 index 00000000..12ebb186 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_1_tablet.png new file mode 100644 index 00000000..b50f902f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_label_as_page_heading_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_0_phone.png new file mode 100644 index 00000000..aecbd6c1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_1_tablet.png new file mode 100644 index 00000000..446b14a9 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_threshold_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_0_phone.png new file mode 100644 index 00000000..35f04560 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_1_tablet.png new file mode 100644 index 00000000..3a786139 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_character-count_with_word_count_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_0_phone.png new file mode 100644 index 00000000..302f33e4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_1_tablet.png similarity index 50% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_1_tablet.png index 127b09a2..81558e60 100644 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_Focus_0_document_1_tablet.png and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_0_phone.png new file mode 100644 index 00000000..e206103b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_1_tablet.png new file mode 100644 index 00000000..9166611d Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_currency-input_default_example_focused_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_0_phone.png new file mode 100644 index 00000000..ac4f1d0f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_1_tablet.png new file mode 100644 index 00000000..20784016 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_GOVUK_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_0_phone.png new file mode 100644 index 00000000..bbca91e4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_1_tablet.png new file mode 100644 index 00000000..15489336 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_Three_equal_columns_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_attributes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_0_phone.png new file mode 100644 index 00000000..ae5c9018 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_1_tablet.png new file mode 100644 index 00000000..71bd1602 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_meta_html_as_text_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_0_phone.png new file mode 100644 index 00000000..210698c4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_1_tablet.png new file mode 100644 index 00000000..653b37a8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_welsh_language_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_container_classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_0_phone.png new file mode 100644 index 00000000..0d2a1b84 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_1_tablet.png new file mode 100644 index 00000000..b5afc491 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_custom_meta_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..210698c4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..653b37a8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_in_Welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_meta_items_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..ade63659 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..687cf1ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_empty_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_0_phone.png new file mode 100644 index 00000000..96f2326c Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_1_tablet.png new file mode 100644 index 00000000..074b4c63 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_0_phone.png new file mode 100644 index 00000000..d376dfa6 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_1_tablet.png new file mode 100644 index 00000000..c3f9ff8d Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_html_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_0_phone.png new file mode 100644 index 00000000..99d86985 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_1_tablet.png new file mode 100644 index 00000000..75426dd6 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_item_attributes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_0_phone.png new file mode 100644 index 00000000..7f9686db Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_1_tablet.png new file mode 100644 index 00000000..9726c610 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_meta_links_and_meta_content_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..6dd40817 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..b7e288b8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_0_phone.png new file mode 100644 index 00000000..8be22754 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_1_tablet.png new file mode 100644 index 00000000..b2fa00eb Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_footer_with_navigation_item_attributes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Header_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0_document_0_phone.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Header_0_document_0_phone.png rename to backstop_data/bitmaps_reference/backstop_default_header_default_example_0_document_0_phone.png diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Header_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_default_example_0_document_1_tablet.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Header_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_header_default_example_0_document_1_tablet.png diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_0_phone.png new file mode 100644 index 00000000..f3af9725 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_1_tablet.png new file mode 100644 index 00000000..ca6bf023 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..70912925 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..e1bf3e23 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_full_width_with_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_0_phone.png new file mode 100644 index 00000000..47853765 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_1_tablet.png new file mode 100644 index 00000000..da374c7d Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_navigation_item_with_html_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_0_phone.png new file mode 100644 index 00000000..0fcbbbaa Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_1_tablet.png new file mode 100644 index 00000000..4da66dae Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..6f06360b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..1c764066 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_sign_out_link_in_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_0_phone.png new file mode 100644 index 00000000..3ef306b4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_1_tablet.png new file mode 100644 index 00000000..a57fb748 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_english_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..f7dd2045 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..82b9b687 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_hmrc_banner_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_0_phone.png new file mode 100644 index 00000000..fd956da5 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_1_tablet.png new file mode 100644 index 00000000..bdda5f5b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_english_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..30a195eb Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..d8aa4c52 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_language_toggle_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..d63753d2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..9ee7d7e8 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_large_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..d63753d2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..ddf16e95 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_0_phone.png new file mode 100644 index 00000000..2deb455a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_1_tablet.png new file mode 100644 index 00000000..ef6cb4e7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_product_name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_0_phone.png new file mode 100644 index 00000000..47853765 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_1_tablet.png new file mode 100644 index 00000000..60a9bb0b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_and_navigation_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_0_phone.png new file mode 100644 index 00000000..8fa3c68f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_1_tablet.png new file mode 100644 index 00000000..c5c2083f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_header_with_service_name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_0_phone.png new file mode 100644 index 00000000..04cf3840 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..c64c3097 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_0_phone.png new file mode 100644 index 00000000..70736f20 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_1_tablet.png new file mode 100644 index 00000000..ed6a7fd4 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_internal-header_with-service-name_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_0_phone.png new file mode 100644 index 00000000..60d4b348 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_1_tablet.png similarity index 88% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_1_tablet.png index 6f617e2f..bfd69caf 100644 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Language_Select_Focus_0_document_1_tablet.png and b/backstop_data/bitmaps_reference/backstop_default_language-select_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..84322dc3 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_1_tablet.png similarity index 52% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_1_tablet.png index 57f2379c..8f80e66a 100644 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Currency_Input_0_document_1_tablet.png and b/backstop_data/bitmaps_reference/backstop_default_language-select_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_0_phone.png new file mode 100644 index 00000000..ed8e803a Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..d5bd3da2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..c7d541c2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..4b69ce69 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_0_phone.png new file mode 100644 index 00000000..36652e4b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..1a002036 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_new-tab-link_with-classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_0_phone.png new file mode 100644 index 00000000..ebdafb7b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..6cdd18c5 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_0_phone.png new file mode 100644 index 00000000..9feeadd2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_1_tablet.png new file mode 100644 index 00000000..a8fd0d49 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_notification-badge_with-text_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_0_phone.png new file mode 100644 index 00000000..57242021 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..36b4e7b6 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_0_phone.png new file mode 100644 index 00000000..bdbb6c28 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_1_tablet.png new file mode 100644 index 00000000..0ae82896 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_page-heading_with-section_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..8cbe05e5 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..120ad52e Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_welsh_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_0_phone.png new file mode 100644 index 00000000..bcb74032 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_1_tablet.png new file mode 100644 index 00000000..1906c9e2 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-classes_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-deprecated-service-code_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-base-url_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-local-referrer-url_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-no-base-url_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-non-url-safe-service-id_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-production-base-url_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-referrer-url_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_0_phone.png new file mode 100644 index 00000000..0ceb106f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_1_tablet.png new file mode 100644 index 00000000..460e29a1 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_report-technical-issue_with-service-id-and-service-code_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_0_phone.png new file mode 100644 index 00000000..e85577f5 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_1_tablet.png new file mode 100644 index 00000000..b97be7ed Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_custom-header-level_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_0_phone.png new file mode 100644 index 00000000..4816561f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_1_tablet.png similarity index 71% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_1_tablet.png index ba58bdcc..9e9ab236 100644 Binary files a/backstop_data/bitmaps_reference/backstop_default_HMRC_Notification_Badge_0_document_1_tablet.png and b/backstop_data/bitmaps_reference/backstop_default_timeline_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_0_phone.png new file mode 100644 index 00000000..e2d2fdf7 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_1_tablet.png new file mode 100644 index 00000000..ab4c9055 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_multiple-events_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_0_phone.png new file mode 100644 index 00000000..fb08c741 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_1_tablet.png new file mode 100644 index 00000000..521f1f96 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_no-datetime-event_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_0_phone.png new file mode 100644 index 00000000..fb08c741 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_1_tablet.png new file mode 100644 index 00000000..521f1f96 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeline_single-event_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_0_phone.png new file mode 100644 index 00000000..74e19c05 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_1_tablet.png new file mode 100644 index 00000000..edced21b Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_all-options-set_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_0_phone.png new file mode 100644 index 00000000..2246b5b5 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_1_tablet.png new file mode 100644 index 00000000..75fa99bf Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_default_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_0_phone.png new file mode 100644 index 00000000..4816561f Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_1_tablet.png new file mode 100644 index 00000000..9e9ab236 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_long-delay-with-title_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_0_phone.png new file mode 100644 index 00000000..d578d744 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_1_tablet.png new file mode 100644 index 00000000..2ceef02c Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_timeout-dialog_welsh-language_example_0_document_1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_User_Research_Banner_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0_document_0_phone.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_User_Research_Banner_0_document_0_phone.png rename to backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0_document_0_phone.png diff --git a/backstop_data/bitmaps_reference/backstop_default_HMRC_User_Research_Banner_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0_document_1_tablet.png similarity index 100% rename from backstop_data/bitmaps_reference/backstop_default_HMRC_User_Research_Banner_0_document_1_tablet.png rename to backstop_data/bitmaps_reference/backstop_default_user-research-banner_default_example_0_document_1_tablet.png diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__0_phone.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__0_phone.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__1_tablet.png new file mode 100644 index 00000000..25deaa43 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0__1_tablet.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_0_phone.png new file mode 100644 index 00000000..519036d6 Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_0_phone.png differ diff --git a/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_1_tablet.png new file mode 100644 index 00000000..0bdde2ce Binary files /dev/null and b/backstop_data/bitmaps_reference/backstop_default_user-research-banner_welsh_example_0_document_1_tablet.png differ diff --git a/package-lock.json b/package-lock.json index b04c4e74..a577e1a8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "hmrc-frontend", - "version": "1.30.0", + "version": "1.30.1", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index c830e117..e6da5e43 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hmrc-frontend", - "version": "1.30.0", + "version": "1.30.1", "description": "Design patterns for HMRC frontends", "scripts": { "start": "gulp dev", @@ -40,9 +40,9 @@ "govuk-frontend": "^3.11.0" }, "devDependencies": { - "autoprefixer": "^9.6.1", "@babel/preset-env": "^7.12.11", - "rollup-plugin-babel": "^4.4.0", + "ajv": "^6.12.2", + "autoprefixer": "^9.6.1", "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2", "backstopjs": "^5.0.6", "chalk": "^4.1.0", @@ -53,6 +53,7 @@ "eslint-config-airbnb-base": "^14.2.1", "eslint-plugin-import": "^2.22.1", "express": "^4.17.1", + "glob": "^7.1.6", "gulp": "^4.0.2", "gulp-better-rollup": "^3.4.0", "gulp-eol": "^0.2.0", @@ -83,6 +84,7 @@ "recursive-readdir": "^2.2.2", "request": "^2.88.2", "rimraf": "^3.0.2", + "rollup-plugin-babel": "^4.4.0", "rollup-plugin-commonjs": "^9.3.4", "rollup-plugin-node-resolve": "^4.2.4", "standard": "^11.0.1", diff --git a/src/components/account-header/account-header.yaml b/src/components/account-header/account-header.yaml index 348a4454..e41fed27 100644 --- a/src/components/account-header/account-header.yaml +++ b/src/components/account-header/account-header.yaml @@ -59,7 +59,6 @@ examples: href: '/components/account-header/with-service-name/preview' cy: href: '/components/account-header/welsh-with-service-name/preview' - serviceName: 'My service' homepageUrl: '/the-homepage' serviceUrl: '/the-service' containerClasses: 'the-header-container-classes govuk-width-container' diff --git a/src/components/character-count/character-count.yaml b/src/components/character-count/character-count.yaml index f89e229d..8213eb8a 100644 --- a/src/components/character-count/character-count.yaml +++ b/src/components/character-count/character-count.yaml @@ -281,3 +281,7 @@ examples: maxlength: 10 label: text: Can you provide more detail? + +visualRegressionTests: + backstopScenarioOptions: + delay: 2000 \ No newline at end of file diff --git a/src/components/currency-input/currency-input.yaml b/src/components/currency-input/currency-input.yaml index 0500659c..c21024a9 100644 --- a/src/components/currency-input/currency-input.yaml +++ b/src/components/currency-input/currency-input.yaml @@ -48,3 +48,8 @@ examples: text: test-label id: input-example name: test-name + +visualRegressionTests: + alternateStates: + focused: + clickSelector: .govuk-label \ No newline at end of file diff --git a/src/components/internal-header/internal-header.yaml b/src/components/internal-header/internal-header.yaml index 22226286..706958a7 100644 --- a/src/components/internal-header/internal-header.yaml +++ b/src/components/internal-header/internal-header.yaml @@ -43,3 +43,7 @@ examples: data: serviceName: Service Name serviceUrl: '/components/internal-header/with-service-name/preview' + +visualRegressionTests: + backstopScenarioOptions: + misMatchThreshold: 1 \ No newline at end of file diff --git a/src/components/timeout-dialog/timeout-dialog.yaml b/src/components/timeout-dialog/timeout-dialog.yaml index f74a0bf0..41b90fc6 100644 --- a/src/components/timeout-dialog/timeout-dialog.yaml +++ b/src/components/timeout-dialog/timeout-dialog.yaml @@ -30,3 +30,10 @@ examples: messageSuffix : "there is a suffix for the message" keepAliveButtonText: "keepAliveButtonText" signOutButtonText: "signOutButtonText" + visualRegressionTests: + backstopScenarioOptions: + delay: 10000 + +visualRegressionTests: + backstopScenarioOptions: + delay: 2000 \ No newline at end of file diff --git a/src/components/user-research-banner/user-research-banner.yaml b/src/components/user-research-banner/user-research-banner.yaml index 87bcc743..6e294457 100644 --- a/src/components/user-research-banner/user-research-banner.yaml +++ b/src/components/user-research-banner/user-research-banner.yaml @@ -21,3 +21,7 @@ examples: data: url: 'https://www.example.com/user-research' language: cy + +visualRegressionTests: + backstopScenarioOptions: + delay: 2000 \ No newline at end of file diff --git a/tasks/gulp/__tests__/backstop-config.test.js b/tasks/gulp/__tests__/backstop-config.test.js new file mode 100644 index 00000000..bb8b2559 --- /dev/null +++ b/tasks/gulp/__tests__/backstop-config.test.js @@ -0,0 +1,297 @@ +/* eslint-env jest */ + +const backstopConfig = require('../backstop-config'); + +const host = 'localhost'; +const port = '8000'; + +describe('backstopConfig', () => { + describe('scenario list', () => { + it('should be empty if no components', () => { + expect(backstopConfig({ host, port, components: [] })).toEqual( + expect.objectContaining({ scenarios: [] }), + ); + }); + + it('should contain scenarios for all component examples', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [{ name: 'default' }, { name: 'high contrast' }], + }, + }, + { + componentsPath: 'currency-input', + componentsConfig: { + examples: [{ name: 'default' }], + }, + }, + ], + }).scenarios, + ).toHaveLength(3); + }); + + it('should contain scenarios for all alternate states for all component examples', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [{ name: 'default' }, { name: 'high contrast' }], + visualRegressionTests: { + alternateStates: { + focused: { + clickSelector: '.button', + }, + }, + }, + }, + }, + { + componentsPath: 'currency-input', + componentsConfig: { + examples: [{ name: 'default' }], + }, + }, + ], + }).scenarios, + ).toHaveLength(5); + }); + + describe('scenario', () => { + it('should have a label and url', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [{ name: 'high contrast' }], + }, + }, + ], + }), + ).toEqual( + expect.objectContaining({ + scenarios: [ + { + label: 'button (high contrast example)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + }, + ], + }), + ); + }); + + it('should inherit options from component config', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [{ name: 'default' }, { name: 'high contrast' }], + visualRegressionTests: { + backstopScenarioOptions: { + delay: 2000, + }, + }, + }, + }, + ], + }), + ).toEqual( + expect.objectContaining({ + scenarios: [ + { + label: 'button (default example)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + }, + { + label: 'button (high contrast example)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 2000, + }, + ], + }), + ); + }); + + it('should inherit options from component examples', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [ + { name: 'default' }, + { + name: 'high contrast', + visualRegressionTests: { + backstopScenarioOptions: { delay: 4000 }, + }, + }, + ], + visualRegressionTests: { + backstopScenarioOptions: { + delay: 2000, + }, + }, + }, + }, + ], + }), + ).toEqual( + expect.objectContaining({ + scenarios: [ + { + label: 'button (default example)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + }, + { + label: 'button (high contrast example)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 4000, + }, + ], + }), + ); + }); + + it('should inherit options from component alternate states', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [{ name: 'default' }, { name: 'high contrast' }], + visualRegressionTests: { + alternateStates: { + focused: { + clickSelector: '.button', + }, + }, + backstopScenarioOptions: { + delay: 2000, + }, + }, + }, + }, + ], + }), + ).toEqual( + expect.objectContaining({ + scenarios: [ + { + label: 'button (default example)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + }, + { + label: 'button (default example) (focused)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + clickSelector: '.button', + }, + { + label: 'button (high contrast example)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 2000, + }, + { + label: 'button (high contrast example) (focused)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 2000, + clickSelector: '.button', + }, + ], + }), + ); + }); + + it('should inherit options from component examples alternate states', () => { + expect( + backstopConfig({ + host, + port, + components: [ + { + componentsPath: 'button', + componentsConfig: { + examples: [ + { name: 'default' }, + { + name: 'high contrast', + visualRegressionTests: { + alternateStates: { + focused: { clickSelector: '.high-contrast-button' }, + }, + }, + }, + ], + visualRegressionTests: { + alternateStates: { + focused: { + clickSelector: '.button', + }, + }, + backstopScenarioOptions: { + delay: 2000, + }, + }, + }, + }, + ], + }), + ).toEqual( + expect.objectContaining({ + scenarios: [ + { + label: 'button (default example)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + }, + { + label: 'button (default example) (focused)', + url: `http://${host}:${port}/components/button/default/preview`, + delay: 2000, + clickSelector: '.button', + }, + { + label: 'button (high contrast example)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 2000, + }, + { + label: 'button (high contrast example) (focused)', + url: `http://${host}:${port}/components/button/high-contrast/preview`, + delay: 2000, + clickSelector: '.high-contrast-button', + }, + ], + }), + ); + }); + }); + }); +}); diff --git a/tasks/gulp/backstop-config.js b/tasks/gulp/backstop-config.js index 1711fd9a..4d591d42 100644 --- a/tasks/gulp/backstop-config.js +++ b/tasks/gulp/backstop-config.js @@ -1,4 +1,59 @@ -module.exports = ({ host, port }) => ({ +const Ajv = require('ajv'); + +const ajv = new Ajv({ allErrors: true }); + +const configMatchesAllowedSchema = ajv.compile(require('./visual-regression-testing-config-schema.json')); + +const validateConfig = (component, { visualRegressionTests: config = {} }) => { + if (!configMatchesAllowedSchema(config)) { + throw Error(`Invalid visualRegressionTests config within ${component}.yaml, see JSON schema`); + } + + return { + ...config, + ...(config.alternateStates && { alternateStates: Object.entries(config.alternateStates) }), + }; +}; + +const backstopScenarioDefaults = {}; + +const buildScenarioList = (host, port, components) => components.flatMap(({ + componentsPath, + componentsConfig, +}) => { + const { + alternateStates: componentsAlternateStates = [], + backstopScenarioOptions: componentsBackstopScenarioOptions, + } = validateConfig(componentsPath, componentsConfig); + + return componentsConfig.examples.flatMap((examplesConfig) => { + const { + examplesPath = examplesConfig.name.replace(/ /g, '-'), + alternateStates: examplesAlternateStates = componentsAlternateStates, + backstopScenarioOptions: examplesBackstopScenarioOptions, + } = validateConfig(componentsPath, examplesConfig); + + const scenarioForThisExample = { + ...backstopScenarioDefaults, + label: `${componentsPath} (${examplesConfig.name} example)`, + url: `http://${host}:${port}/components/${componentsPath}/${examplesPath}/preview`, + ...componentsBackstopScenarioOptions, + ...examplesBackstopScenarioOptions, + }; + + const scenariosForAlternateStates = examplesAlternateStates.map( + ([alternateState, alternateStateBackstopScenarioOptions]) => ({ + ...scenarioForThisExample, + label: `${scenarioForThisExample.label} (${alternateState})`, + ...alternateStateBackstopScenarioOptions, + }), + ); + + return [scenarioForThisExample, ...scenariosForAlternateStates]; + }); +}); + +module.exports = ({ host, port, components }) => ({ id: 'backstop_default', viewports: [ { @@ -14,79 +69,7 @@ module.exports = ({ host, port }) => ({ ], onBeforeScript: 'puppet/onBefore.js', onReadyScript: 'puppet/onReady.js', - scenarios: [ - { - label: 'HMRC Account Header', - url: `http://${host}:${port}/components/account-header/preview`, - }, - { - label: 'HMRC Account Menu', - url: `http://${host}:${port}/components/account-menu/preview`, - }, - { - label: 'HMRC Add to a list', - url: `http://${host}:${port}/components/add-to-a-list/preview`, - }, - { - label: 'HMRC Banner', - url: `http://${host}:${port}/components/banner/preview`, - }, - { - label: 'HMRC Currency Input', - url: `http://${host}:${port}/components/currency-input/preview`, - }, - { - label: 'HMRC Currency Input (Focus)', - url: `http://${host}:${port}/components/currency-input/preview`, - clickSelector: '.govuk-label', - }, - { - label: 'HMRC Header', - url: `http://${host}:${port}/components/header/preview`, - }, - { - label: 'HMRC Internal Header', - url: `http://${host}:${port}/components/internal-header/preview`, - /* Internal header uses system-defined font so can - vary between platforms (allowing 1% variance) */ - misMatchThreshold: 1, - }, - { - label: 'HMRC Language Select', - url: `http://${host}:${port}/components/language-select/preview`, - }, - { - label: 'HMRC New Tab Link', - url: `http://${host}:${port}/components/new-tab-link/preview`, - }, - { - label: 'HMRC Notification Badge', - url: `http://${host}:${port}/components/notification-badge/preview`, - }, - { - label: 'HMRC Page Heading', - url: `http://${host}:${port}/components/page-heading/preview`, - }, - { - label: 'HMRC Report Technical Issue', - url: `http://${host}:${port}/components/report-technical-issue/preview`, - }, - { - label: 'HMRC Timeout Dialog', - url: `http://${host}:${port}/components/timeout-dialog/preview`, - delay: 2000, - }, - { - label: 'HMRC User Research Banner', - url: `http://${host}:${port}/components/user-research-banner/preview`, - delay: 2000, - }, - { - label: 'HMRC Character Count', - url: `http://${host}:${port}/components/character-count/preview`, - delay: 2000, - }, - ], + scenarios: buildScenarioList(host, port, components), paths: { bitmaps_reference: 'backstop_data/bitmaps_reference', bitmaps_test: 'backstop_data/bitmaps_test', diff --git a/tasks/gulp/backstop.js b/tasks/gulp/backstop.js index 7fcd50fa..5bbf9a52 100644 --- a/tasks/gulp/backstop.js +++ b/tasks/gulp/backstop.js @@ -1,5 +1,9 @@ const chalk = require('chalk'); const gulp = require('gulp'); +const glob = require('glob'); +const path = require('path'); +const fs = require('fs'); +const yaml = require('js-yaml'); const backstop = require('backstopjs'); const appListen = require('../../lib/puppeteer/appListen'); const configPaths = require('../../config/paths.json'); @@ -8,7 +12,11 @@ const backstopConfig = require('./backstop-config'); const port = configPaths.ports.test; const docker = !process.env.CI; const host = docker ? 'host.docker.internal' : 'localhost'; -const config = backstopConfig({ host, port }); +const components = glob.sync('src/components/*/*.yaml').map((componentsConfig) => ({ + componentsPath: path.basename(componentsConfig, '.yaml'), + componentsConfig: yaml.safeLoadAll(fs.readFileSync(componentsConfig))[0], +})); +const config = backstopConfig({ host, port, components }); const options = { config, docker }; const runBackstop = (command) => backstop(command, options); diff --git a/tasks/gulp/visual-regression-testing-config-schema.json b/tasks/gulp/visual-regression-testing-config-schema.json new file mode 100644 index 00000000..73a66b12 --- /dev/null +++ b/tasks/gulp/visual-regression-testing-config-schema.json @@ -0,0 +1,50 @@ +{ + "title": "Component Visual Regression Test Config", + "description": "Can be provided in component yaml definitions at the top level or on a specific example to adjust behaviour of tests.", + + "definitions": { + "backstopScenarioOptions": { + "type": "object", + "description": "Refer to backstop documentation on advanced scenarios https://github.com/garris/BackstopJS/blob/master/README.md#advanced-scenarios" + } + }, + + "type": "object", + + "properties": { + "backstopScenarioOptions": { + "$ref": "#/definitions/backstopScenarioOptions" + }, + "alternateStates": { + "type": "object", + "patternProperties": { + "^.*$": { + "$ref": "#/definitions/backstopScenarioOptions" + } + }, + "examples": [ + { + "focused": { + "clickSelector": ".my-input" + } + }, + { + "hovered": { + "hoverSelector": ".my-tooltip" + } + }, + { + "keyPressSelectors": [ + { + "selector": ".my-auto-complete", + "keyPress": "United K" + } + ] + } + ], + "additionalProperties": false + } + }, + + "additionalProperties": false +}