diff --git a/README.md b/README.md index 5c253b6bc64..660e33b9fcd 100644 --- a/README.md +++ b/README.md @@ -162,7 +162,7 @@ Please review [Terra\'s Internationalization documentation](https://engineering. Contributing -Please read through our [contributing guidelines](CONTRIBUTING.md). Included are directions for issue reporting and pull requests. +Please read through our [contributing guidelines](./CONTRIBUTING.md). Included are directions for issue reporting and pull requests.

Local Development diff --git a/packages/terra-search-field/CHANGELOG.md b/packages/terra-search-field/CHANGELOG.md index 0dcd962aebc..bae96fa9103 100644 --- a/packages/terra-search-field/CHANGELOG.md +++ b/packages/terra-search-field/CHANGELOG.md @@ -2,6 +2,9 @@ ## Unreleased +* Changed + * Updated focus indicators to be a standard dashed line. + ## 3.83.0 - (June 14, 2023) * Fixed diff --git a/packages/terra-search-field/src/SearchField.module.scss b/packages/terra-search-field/src/SearchField.module.scss index 9c7474af5a7..ca8dd7d02b9 100644 --- a/packages/terra-search-field/src/SearchField.module.scss +++ b/packages/terra-search-field/src/SearchField.module.scss @@ -11,6 +11,11 @@ vertical-align: middle; width: var(--terra-search-field-max-width, 16.5rem); + *:focus { + outline: var(--terra-search-field-focus-keyboard-outline, 2px dashed #000); + outline-offset: var(--terra-search-field-focus-keyboard-outline-offset, 1px); + } + .input-group { display: inline-flex; flex: 1 1 auto; @@ -23,12 +28,12 @@ .input::-ms-reveal { display: none; } - + .input::-webkit-search-cancel-button { // Remove webkit search clear functionality display: none; } - + .input::-webkit-search-decoration { // Get rid of extra left-padding getting added in Safari for search fields appearance: none; @@ -47,7 +52,8 @@ } &:focus { - border-color: var(--terra-search-field-button-focus-border-color, #26a2e5); + border-color: var(--terra-search-field-button-focus-border-color, transparent); + box-shadow: var(--terra-search-field-button-focus-box-shadow, none); z-index: 1; } } @@ -77,9 +83,8 @@ margin-top: var(--terra-search-field-button-margin-top, 0); &:focus { - border-color: var(--terra-search-field-button-focus-border-color, #26a2e5); - box-shadow: var(--terra-search-field-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35)); - outline: none; + border-color: var(--terra-search-field-button-focus-border-color, transparent); + box-shadow: var(--terra-search-field-button-focus-box-shadow, none); z-index: 1; } } @@ -153,18 +158,9 @@ &:focus { background-color: var(--terra-search-field-input-focus-background-color, #fff); background-size: auto; - border: var(--terra-search-field-input-focus-border, 1px solid #4cb2e9); - box-shadow: var(--terra-search-field-input-focus-box-shadow); + border: var(--terra-search-field-input-focus-border, 1px solid #dedfe0); + box-shadow: var(--terra-search-field-input-focus-box-shadow, none); color: var(--terra-search-field-input-focus-color); - outline: none; - - [dir=ltr] & { - box-shadow: var(--terra-search-field-input-focus-ltr-box-shadow); - } - - [dir=rtl] & { - box-shadow: var(--terra-search-field-input-focus-rtl-box-shadow); - } } } } diff --git a/packages/terra-search-field/src/clinical-lowlight-theme/SearchField.module.scss b/packages/terra-search-field/src/clinical-lowlight-theme/SearchField.module.scss index e5a63a7e3a6..3663a28dbec 100644 --- a/packages/terra-search-field/src/clinical-lowlight-theme/SearchField.module.scss +++ b/packages/terra-search-field/src/clinical-lowlight-theme/SearchField.module.scss @@ -11,7 +11,6 @@ --terra-search-field-input-margin-top: 0; --terra-search-field-input-padding-right: 2.28571rem; --terra-search-field-clear-active-background-color: #0c0d0e; - --terra-search-field-button-focus-border-color: #004c76; --terra-search-field-clear-icon-height: 1.14286rem; --terra-search-field-clear-icon-margin-top: -0.214285rem; --terra-search-field-clear-icon-width: 1.14286rem; @@ -24,7 +23,6 @@ --terra-search-field-button-margin-left: -1px; --terra-search-field-button-margin-right: 0; --terra-search-field-button-margin-top: 0; - --terra-search-field-button-focus-box-shadow: #004c76; --terra-search-field-input-background-color: #222a2e; --terra-search-field-input-border: 1px solid #181b1d; @@ -51,13 +49,16 @@ --terra-search-field-input-placeholder-disabled-font-style: italic; --terra-search-field-input-focus-background-color: #222a2e; - --terra-search-field-input-focus-border: 1px solid #004c76; - --terra-search-field-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76; + --terra-search-field-input-focus-border: 1px solid #181b1d; --terra-search-field-input-focus-color: #b2b5b6; --terra-search-field-input-focus-ltr-box-shadow: none; --terra-search-field-input-focus-rtl-box-shadow: none; + // focus - keyboard + --terra-search-field-focus-keyboard-outline: 2px dashed #b2b5b6; + --terra-search-field-focus-keyboard-outline-offset: 1px; + @include terra-inline-svg-var('--terra-search-field-clear-icon-background-image', ''); } } diff --git a/packages/terra-search-field/src/orion-fusion-theme/SearchField.module.scss b/packages/terra-search-field/src/orion-fusion-theme/SearchField.module.scss index 4718bb20cb4..667dab59bb7 100644 --- a/packages/terra-search-field/src/orion-fusion-theme/SearchField.module.scss +++ b/packages/terra-search-field/src/orion-fusion-theme/SearchField.module.scss @@ -12,6 +12,8 @@ --terra-search-field-input-padding-right: 2.28571rem; --terra-search-field-clear-active-background-color: transparent; --terra-search-field-button-focus-border-color: #26a2e5; + --terra-search-field-focus-keyboard-outline: none; + --terra-search-field-focus-keyboard-outline-offset: none; --terra-search-field-clear-icon-height: 1.14286rem; --terra-search-field-clear-icon-margin-top: -0.214285rem; --terra-search-field-clear-icon-width: 1.14286rem; @@ -52,12 +54,9 @@ --terra-search-field-input-focus-background-color: #fff; --terra-search-field-input-focus-border: 1px solid #4cb2e9; - --terra-search-field-input-focus-box-shadow: 0 0 8px #a6d9f4; + --terra-search-field-input-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3); --terra-search-field-input-focus-color: #1c1f21; - --terra-search-field-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4; - --terra-search-field-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4; - @include terra-inline-svg-var('--terra-search-field-clear-icon-background-image', ''); } } diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png index 66a70b2df8a..7dc676bd8e2 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png index 06a639a8be7..85359ad9247 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png index eb5f9362101..21076168ea9 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/block_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/block_with_text.png index a9ad5857684..2979fc28b16 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/block_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/block_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png index 8904227463f..84c51e87fce 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png index ff27fe371d9..7b0bdf98e35 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/clear_button_focused.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/clear_button_focused.png new file mode 100644 index 00000000000..5766514a4b4 Binary files /dev/null and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/clear_button_focused.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png index 38f55cddda8..9edb1601304 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_clear.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_clear.png index 939c16ee2ea..ff30b8f73bf 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_clear.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_clear.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png index 01e61f90848..2829c0cff91 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_with_text.png index a5462d7597e..d6b7bf456cb 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/default_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/empty_search_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/empty_search_text.png index 5088391bea6..f1847767e2b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/empty_search_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/empty_search_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/focus_with_focus.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/focus_with_focus.png index 873fe639447..a9e4cc5db29 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/focus_with_focus.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/focus_with_focus.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png index 70ddbafe08f..b32c3e127bd 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png index 9928a51eee6..863913d38ff 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png index 482358f9e57..9e88b8b0414 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png index f520ce2ca20..ef1b69ace96 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png index 01e61f90848..2829c0cff91 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png index 2376a9fe3d3..8f848249954 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_cut.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_cut.png index deb3f8280fe..6e643934b81 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_cut.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_cut.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_paste.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_paste.png index be0c507ab1f..510f767660f 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_paste.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_paste.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png index afa05751102..348f297a1b1 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_search.png index 69ba4c1f629..7b0709fd3a5 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_typed.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_typed.png index be0c507ab1f..510f767660f 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_typed.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/setting_value_typed.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png index 4e196511c5e..081f446b2e8 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png index 3f273ac2c07..d3851db3197 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png index d9cf5fc65ef..ac78ac22dd3 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png index cef675111f8..8e75e230fad 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/block_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/block_with_text.png index c038c98247c..1338783e59b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/block_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/block_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png index 4dd5b680f91..7eac7244764 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png index 32635977400..f530a049ef9 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/clear_button_focused.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/clear_button_focused.png new file mode 100644 index 00000000000..f7ffcbc9ac6 Binary files /dev/null and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/clear_button_focused.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png index b136a840777..606ebff5dda 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_clear.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_clear.png index b346998bec9..1936642a547 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_clear.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_clear.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png index e32bccfc7f6..af1d5957103 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_with_text.png index 9d4c96cf85d..8d41b79ac93 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/default_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/empty_search_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/empty_search_text.png index 54000bee05f..ef2fb0e373e 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/empty_search_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/empty_search_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/focus_with_focus.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/focus_with_focus.png index 74a25c0e5f9..c069b77d1c4 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/focus_with_focus.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/focus_with_focus.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png index d284b9884e6..1fb83aa1c6f 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png index 35148567a71..ece44543c5b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png index 917c6ca42fc..f370f553e1d 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png index 64b47f6f021..0a58fd3cefa 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png index e32bccfc7f6..af1d5957103 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png index 764957c144b..d49167515ee 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_cut.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_cut.png index a8af6b436c7..2c7540452c5 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_cut.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_cut.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_paste.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_paste.png index f95d4549d28..d5afc256cf6 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_paste.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_paste.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png index 7ccb2156833..84bac8e84c7 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_search.png index 427693ae660..d6e1a9744eb 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_typed.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_typed.png index f95d4549d28..d5afc256cf6 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_typed.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/setting_value_typed.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png index 104777bae7e..a268c3a28a6 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png index 158ab6dcb48..4361234f143 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_extended_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png index 9585f069c81..39d4052eaeb 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_searched_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png index 2d34cab132c..2e6def00eee 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/auto_search_disabled_text_before_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/block_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/block_with_text.png index 49e24b08573..dc093a06aa3 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/block_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/block_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png index 8c9f5c30249..bbe4191647e 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png index ae0b107037d..43b7fe9094e 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/callback_with_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/clear_button_focused.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/clear_button_focused.png new file mode 100644 index 00000000000..8339f682ae0 Binary files /dev/null and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/clear_button_focused.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png index 32100946dec..34943e439dd 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_scrolled_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_clear.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_clear.png index 7ae469e32c9..2d37f9081f0 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_clear.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_clear.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png index bf45fa04887..ab5e5d8879b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_value_with_overwritten_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_with_text.png index d7792376bdd..0a64c1e1a43 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/default_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/empty_search_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/empty_search_text.png index ca02f3be3a5..e6a4f9ff206 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/empty_search_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/empty_search_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/focus_with_focus.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/focus_with_focus.png index ee601bc51cd..ec7f074bdda 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/focus_with_focus.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/focus_with_focus.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png index dc59ca990d4..365483a8090 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_too_short_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png index 4d155f08b5a..5a366a32ea4 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/minimum_length_with_long_enough_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png index 99982c69376..0f2abefe2f1 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_once.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png index 56a0bf6c3ed..dbcf72629d6 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/on_change_updated_twice.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png index bf45fa04887..ab5e5d8879b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/placeholder_with_text.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png index f3e0b023006..d32bd26b7e7 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/search_with_enter_default.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_cut.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_cut.png index 8c38fda5bbb..3deda8ebf1a 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_cut.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_cut.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_paste.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_paste.png index 7d06a27f62d..b8df0b508b9 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_paste.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_paste.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png index 61325bcefa9..17891fdc724 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_programmatically.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_search.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_search.png index 2630e4f008d..13f5476da9b 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_search.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_search.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_typed.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_typed.png index 7d06a27f62d..b8df0b508b9 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_typed.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/setting_value_typed.png differ diff --git a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png index da8d629857f..d1e0d32b266 100644 Binary files a/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png and b/packages/terra-search-field/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/search-field-spec/value_unchanged_text.png differ diff --git a/packages/terra-search-field/tests/wdio/search-field-spec.js b/packages/terra-search-field/tests/wdio/search-field-spec.js index 7b5b859cd9c..12b7df323d1 100644 --- a/packages/terra-search-field/tests/wdio/search-field-spec.js +++ b/packages/terra-search-field/tests/wdio/search-field-spec.js @@ -21,6 +21,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with scrolled text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('default scrolled text', { mismatchTolerance: 0.1 }); }); }); @@ -37,6 +38,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('block with text'); }); }); @@ -69,6 +71,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('placeholder with text'); }); }); @@ -90,6 +93,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { it('should clear the value', () => { $('#searchfield [data-terra-search-field-button="Clear"]').click(); + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('default value clear'); }); @@ -98,6 +102,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with overwritten text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('default value with overwritten text'); }); }); @@ -119,6 +124,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with unchanged text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('value unchanged text'); }); }); @@ -131,7 +137,8 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with too short text', () => { - Terra.validates.element('minimum length too short text'); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('minimum length too short text', { mismatchTolerance: 0.1 }); }); it('should not search with the button', () => { @@ -149,7 +156,9 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with long enough text', () => { - Terra.validates.element('minimum length with long enough text'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('minimum length with long enough text', { mismatchTolerance: 0.1 }); }); }); @@ -165,6 +174,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with long enough text', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('callback with long enough text'); }); @@ -174,7 +184,9 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with too short text', () => { - Terra.validates.element('callback with too short text'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('callback with too short text', { mismatchTolerance: 0.1 }); }); }); @@ -190,7 +202,9 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field with typed text', () => { - Terra.validates.element('setting value typed'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('setting value typed', { mismatchTolerance: 0.1 }); }); it('should trigger search when cutting', () => { @@ -201,6 +215,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field after cut operation', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('setting value cut'); }); @@ -210,6 +225,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { }); it('should display Search Field after paste operation', () => { + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('setting value paste'); }); @@ -218,12 +234,14 @@ Terra.describeViewports('Search Field', ['medium'], () => { $('#searchfield').click(); browser.pause(2000); + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('setting value programmatically'); }); it('should search with value on search button press', () => { $('#searchfield > [data-terra-search-field-button="Search"]').click(); + expect($('button[data-terra-search-field-button="Search"]').isFocused()).toBeTruthy(); Terra.validates.element('setting value search'); }); }); @@ -234,12 +252,14 @@ Terra.describeViewports('Search Field', ['medium'], () => { it('should enter a letter', () => { $('input').setValue('L'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('on change updated once'); }); it('should enter another letter', () => { $('input').addValue('o'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('on change updated twice'); }); }); @@ -251,6 +271,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { $('input').click(); browser.keys('Enter'); + expect($('button[data-terra-search-field-button="Search"]').isFocused()).toBeTruthy(); Terra.validates.element('search with enter default'); }); }); @@ -261,12 +282,15 @@ Terra.describeViewports('Search Field', ['medium'], () => { it('should enter a search term', () => { $('input').setValue('Lore'); - Terra.validates.element('auto search disabled text before search'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('auto search disabled text before search', { mismatchTolerance: 0.1 }); }); it('should search with the button', () => { browser.keys('Enter'); + expect($('button[data-terra-search-field-button="Search"]').isFocused()).toBeTruthy(); Terra.validates.element('auto search disabled searched text'); }); @@ -274,6 +298,7 @@ Terra.describeViewports('Search Field', ['medium'], () => { $('input').addValue(' is spelled correctly'); browser.keys('Enter'); + expect($('button[data-terra-search-field-button="Search"]').isFocused()).toBeTruthy(); Terra.validates.element('auto search disabled extended search'); }); }); @@ -289,10 +314,25 @@ Terra.describeViewports('Search Field', ['medium'], () => { $('#search-field-focus-button').waitForDisplayed(); $('#search-field-focus-button').click(); + expect($('input[type="search"]').isFocused()).toBeTruthy(); Terra.validates.element('focus with focus'); }); }); + describe('Clear Button in Focus', () => { + before(() => browser.url('/raw/tests/cerner-terra-core-docs/search-field/minimum-length-search-field')); + + it('should enter a search term', () => { + $('input').setValue('Lore'); + browser.keys(['Tab']); + }); + + it('should focus clear button', () => { + expect($('button[data-terra-search-field-button="Clear"]').isFocused()).toBeTruthy(); + Terra.validates.element('clear button focused'); + }); + }); + describe('Delayed Search Field', () => { before(() => browser.url('/raw/tests/cerner-terra-core-docs/search-field/delayed-search-field')); @@ -304,7 +344,9 @@ Terra.describeViewports('Search Field', ['medium'], () => { setTimeout(() => { input.addValue('L'); }, 250); setTimeout(() => { input.addValue('L'); }, 250); - Terra.validates.element('empty search text'); + expect($('input[type="search"]').isFocused()).toBeTruthy(); + // mismatchTolerance set to 0.1 to account for subtle variances in the dotted line + Terra.validates.element('empty search text', { mismatchTolerance: 0.1 }); }); }); });