diff --git a/CHANGELOG.md b/CHANGELOG.md index 591e02d1f7..462d3650d4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ### Fixed - Fixed duplicated key displays in the help panel https://github.com/Textualize/textual/issues/5037 +- Fixed `TextArea` mouse selection with tab characters https://github.com/Textualize/textual/issues/5212 - Fixed `Tabs` not updating the highlighting after removing a tab https://github.com/Textualize/textual/issues/5218 ### Added diff --git a/docs/guide/design.md b/docs/guide/design.md index 607a5ac2fb..4226d06aaf 100644 --- a/docs/guide/design.md +++ b/docs/guide/design.md @@ -138,7 +138,7 @@ For example, `$secondary-darken-1` is a slightly darkened `$secondary`, and `$er ## Light and dark themes -Themes can be either "light" or "dark". +Themes can be either *light* or *dark*. This setting is specified in the `Theme` constructor via the `dark` argument, and influences how Textual generates variables. Built-in widgets may also use the value of `dark` to influence their appearance. diff --git a/examples/theme_sandbox.py b/examples/theme_sandbox.py index d295150629..78d94d974a 100644 --- a/examples/theme_sandbox.py +++ b/examples/theme_sandbox.py @@ -302,7 +302,7 @@ def action_invalid_theme(self) -> None: self.theme = "not-a-theme" def action_widget_search(self) -> None: - self.search( + self.search_commands( [ ( widget.__class__.__name__, @@ -363,8 +363,31 @@ def compose(self) -> ComposeResult: yield Header(show_clock=True, icon="🐟") yield ThemeList(id="theme-list") - with VerticalScroll(id="widget-list") as container: - container.can_focus = False + with VerticalScroll(id="widget-list", can_focus=False) as container: + yield Switch() + yield ToggleButton(label="Toggle Button") + yield SelectionList[int]( + ("Falken's Maze", 0, True), + ("Black Jack", 1), + ("Gin Rummy", 2), + ("Hearts", 3), + ("Bridge", 4), + ("Checkers", 5), + ("Chess", 6, True), + ("Poker", 7), + ("Fighter Combat", 8, True), + ) + yield RadioSet( + "Amanda", + "Connor MacLeod", + "Duncan MacLeod", + "Heather MacLeod", + "Joe Dawson", + "Kurgan, [bold italic red]The[/]", + "Methos", + "Rachel Ellenstein", + "Ramírez", + ) yield Select( [("foo", "foo"), ("bar", "bar"), ("baz", "baz"), ("qux", "qux")] @@ -459,36 +482,10 @@ def compose(self) -> ComposeResult: "Virgon", ) - yield Switch() - yield ToggleButton(label="Toggle Button") - - yield SelectionList[int]( - ("Falken's Maze", 0, True), - ("Black Jack", 1), - ("Gin Rummy", 2), - ("Hearts", 3), - ("Bridge", 4), - ("Checkers", 5), - ("Chess", 6, True), - ("Poker", 7), - ("Fighter Combat", 8, True), - ) - yield RadioSet( - "Amanda", - "Connor MacLeod", - "Duncan MacLeod", - "Heather MacLeod", - "Joe Dawson", - "Kurgan, [bold italic red]The[/]", - "Methos", - "Rachel Ellenstein", - "Ramírez", - ) - yield Footer() def on_mount(self) -> None: - self.theme = "textual-ansi" + self.theme = "textual-light" text_area = self.query_one(TextArea) text_area.selection = Selection((0, 0), (1, 10)) diff --git a/src/textual/app.py b/src/textual/app.py index d4207d4400..39ccaeccf9 100644 --- a/src/textual/app.py +++ b/src/textual/app.py @@ -768,6 +768,9 @@ def __init__( self._css_update_count: int = 0 """Incremented when CSS is invalidated.""" + self.theme_variables: dict[str, str] = {} + """Variables generated from the current theme.""" + if self.ENABLE_COMMAND_PALETTE: for _key, binding in self._bindings: if binding.action in {"command_palette", "app.command_palette"}: @@ -1180,7 +1183,10 @@ def get_css_variables(self) -> dict[str, str]: # Apply the additional variables from the theme variables = {**variables, **(theme.variables)} theme_variables = self.get_theme_variable_defaults() - return {**theme_variables, **variables} + + combined_variables = {**theme_variables, **variables} + self.theme_variables = combined_variables + return combined_variables def get_theme(self, theme_name: str) -> Theme | None: """Get a theme by name. @@ -1662,7 +1668,7 @@ def deliver_screenshot( name="screenshot", ) - def search( + def search_commands( self, commands: Sequence[CommandListItem], placeholder: str = "Search for commands…", @@ -1671,6 +1677,7 @@ def search( Args: commands: A list of SimpleCommand instances. + placeholder: Placeholder text for the search field. Returns: AwaitMount: An awaitable that resolves when the commands are shown. diff --git a/src/textual/command.py b/src/textual/command.py index 3bb575af4c..9e2441d21d 100644 --- a/src/textual/command.py +++ b/src/textual/command.py @@ -570,7 +570,7 @@ class CommandPalette(SystemModalScreen[None]): margin-top: 3; height: 100%; visibility: hidden; - background: $panel-darken-1; + background: $surface; } CommandPalette #--input { diff --git a/src/textual/document/_wrapped_document.py b/src/textual/document/_wrapped_document.py index cef7a57dda..68846bedab 100644 --- a/src/textual/document/_wrapped_document.py +++ b/src/textual/document/_wrapped_document.py @@ -295,7 +295,9 @@ def offset_to_location(self, offset: Offset) -> Location: if not self._width: # No wrapping, so we directly map offset to location and clamp. line_index = min(y, len(self._wrap_offsets) - 1) - column_index = min(x, len(self.document.get_line(line_index))) + column_index = cell_width_to_column_index( + self.document.get_line(line_index), x, self._tab_width + ) return line_index, column_index # Find the line corresponding to the given y offset in the wrapped document. diff --git a/src/textual/drivers/linux_driver.py b/src/textual/drivers/linux_driver.py index 0bfd5cbf1d..510b0992f0 100644 --- a/src/textual/drivers/linux_driver.py +++ b/src/textual/drivers/linux_driver.py @@ -267,8 +267,6 @@ def on_terminal_resize(signum, stack) -> None: self.write("\x1b[?25l") # Hide cursor self.write("\x1b[?1004h") # Enable FocusIn/FocusOut. self.write("\x1b[>1u") # https://sw.kovidgoyal.net/kitty/keyboard-protocol/ - # Disambiguate escape codes https://sw.kovidgoyal.net/kitty/keyboard-protocol/#progressive-enhancement - self.write("\x1b[=1;u") self.flush() self._key_thread = Thread(target=self._run_input_thread) diff --git a/src/textual/theme.py b/src/textual/theme.py index 964ac4ee60..f3ff5045df 100644 --- a/src/textual/theme.py +++ b/src/textual/theme.py @@ -72,7 +72,6 @@ def to_color_system(self) -> ColorSystem: error="#ba3c5b", success="#4EBF71", foreground="#e0e0e0", - dark=True, ), "textual-light": Theme( name="textual-light", @@ -82,7 +81,13 @@ def to_color_system(self) -> ColorSystem: warning="#ffa62b", error="#ba3c5b", success="#4EBF71", + surface="#D8D8D8", + panel="#D0D0D0", + background="#E0E0E0", dark=False, + variables={ + "footer-key-foreground": "#0178D4", + }, ), "nord": Theme( name="nord", @@ -96,7 +101,6 @@ def to_color_system(self) -> ColorSystem: error="#BF616A", surface="#3B4252", panel="#434C5E", - dark=True, variables={ "block-cursor-background": "#88C0D0", "block-cursor-foreground": "#2E3440", @@ -119,7 +123,6 @@ def to_color_system(self) -> ColorSystem: background="#282828", surface="#3c3836", panel="#504945", - dark=True, variables={ "block-cursor-foreground": "#fbf1c7", "input-selection-background": "#689d6a40", @@ -138,7 +141,6 @@ def to_color_system(self) -> ColorSystem: background="#181825", surface="#313244", panel="#45475a", - dark=True, variables={ "input-cursor-foreground": "#11111b", "input-cursor-background": "#f5e0dc", @@ -188,7 +190,6 @@ def to_color_system(self) -> ColorSystem: surface="#2B2E3B", panel="#313442", foreground="#F8F8F2", - dark=True, variables={ "button-color-foreground": "#282A36", }, @@ -205,7 +206,6 @@ def to_color_system(self) -> ColorSystem: background="#1A1B26", # Background surface="#24283B", # Surface panel="#414868", # Panel - dark=True, variables={ "button-color-foreground": "#24283B", }, @@ -222,7 +222,6 @@ def to_color_system(self) -> ColorSystem: background="#272822", surface="#2e2e2e", panel="#3E3D32", - dark=True, variables={ "foreground-muted": "#797979", "input-selection-background": "#575b6190", @@ -241,7 +240,6 @@ def to_color_system(self) -> ColorSystem: surface="#1C1B1A", # base.950 panel="#282726", # base.900 foreground="#FFFCF0", # base.paper - dark=True, variables={ "input-cursor-foreground": "#5E409D", "input-cursor-background": "#FFFCF0", diff --git a/src/textual/widgets/_data_table.py b/src/textual/widgets/_data_table.py index a8bca4b7d3..3c21363f44 100644 --- a/src/textual/widgets/_data_table.py +++ b/src/textual/widgets/_data_table.py @@ -360,7 +360,7 @@ class DataTable(ScrollView, Generic[CellType], can_focus=True): } & > .datatable--fixed { - background: $secondary 50%; + background: $secondary-muted; color: $foreground; } diff --git a/src/textual/widgets/_option_list.py b/src/textual/widgets/_option_list.py index 3db755060d..963f521d26 100644 --- a/src/textual/widgets/_option_list.py +++ b/src/textual/widgets/_option_list.py @@ -146,10 +146,9 @@ class OptionList(ScrollView, can_focus=True): max-height: 100%; color: $foreground; overflow-x: hidden; - border: tall transparent; + border: tall $border-blurred; padding: 0 1; background: $surface; - & > .option-list--option-highlighted { color: $block-cursor-blurred-foreground; background: $block-cursor-blurred-background; diff --git a/src/textual/widgets/_radio_set.py b/src/textual/widgets/_radio_set.py index 61802999be..cdfa80b7ad 100644 --- a/src/textual/widgets/_radio_set.py +++ b/src/textual/widgets/_radio_set.py @@ -39,7 +39,7 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): padding: 0; & > .toggle--button { - color: $surface; + color: $panel-darken-2; background: $panel; } @@ -49,7 +49,7 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): } & > RadioButton.-on .toggle--button { - color: $success; + color: $text-success; } &:focus { @@ -58,17 +58,6 @@ class RadioSet(VerticalScroll, can_focus=True, can_focus_children=False): */ border: tall $border; background-tint: $foreground 5%; - - & > RadioButton { - & > .toggle--button { - color: $surface; - background: $panel-lighten-1; - } - &.-on > .toggle--button { - color: $success; - } - } - & > RadioButton.-selected { color: $block-cursor-foreground; text-style: $block-cursor-text-style; diff --git a/src/textual/widgets/_select.py b/src/textual/widgets/_select.py index a35d89ac5f..8d651cbe44 100644 --- a/src/textual/widgets/_select.py +++ b/src/textual/widgets/_select.py @@ -94,7 +94,7 @@ class SelectCurrent(Horizontal): DEFAULT_CSS = """ SelectCurrent { - border: tall transparent; + border: tall $border-blurred; color: $foreground; background: $surface; width: 1fr; diff --git a/src/textual/widgets/_selection_list.py b/src/textual/widgets/_selection_list.py index 9f75f8360a..7493990f2e 100644 --- a/src/textual/widgets/_selection_list.py +++ b/src/textual/widgets/_selection_list.py @@ -98,60 +98,25 @@ class SelectionList(Generic[SelectionType], OptionList): height: auto; & > .selection-list--button { - color: $surface-darken-1; + color: $panel-darken-2; background: $panel; } & > .selection-list--button-highlighted { - color: $surface-darken-1; + color: $panel-darken-2; background: $panel; } & > .selection-list--button-selected { - color: $success; + color: $text-success; background: $panel; } & > .selection-list--button-selected-highlighted { - color: $success; + color: $text-success; background: $panel; } - &:light { - & > .selection-list--button-selected-highlighted { - color: $success; - } - - &:focus { - & > .selection-list--button-selected { - color: $success-darken-1; - } - & > .selection-list--button-selected-highlighted { - color: $success-darken-1; - } - } - } - - &:focus { - & > .selection-list--button { - background: $panel-lighten-1; - } - - & > .selection-list--button-highlighted { - background: $panel-lighten-1; - } - - & > .selection-list--button-selected { - color: $success; - background: $panel-lighten-1; - } - - & > .selection-list--button-selected-highlighted { - color: $success; - background: $panel-lighten-1; - } - } - } """ diff --git a/src/textual/widgets/_switch.py b/src/textual/widgets/_switch.py index 37714a62ea..a443d757fe 100644 --- a/src/textual/widgets/_switch.py +++ b/src/textual/widgets/_switch.py @@ -51,43 +51,42 @@ class Switch(Widget, can_focus=True): height: auto; width: auto; padding: 0 2; - &.-on > .switch--slider { + &.-on .switch--slider { color: $success; } - & > .switch--slider { - background: $surface-darken-1; - color: $surface-lighten-2; + & .switch--slider { + color: $panel; + background: $panel-darken-2; } &:hover { & > .switch--slider { - color: $surface-lighten-3; + color: $panel-lighten-1 } - &.-on { - & > .switch--slider { - color: $success-lighten-1; - } + &.-on > .switch--slider { + color: $success-lighten-1; } } &:focus { border: tall $border; background-tint: $foreground 5%; } + &:light { - & > .switch--slider { - background: $surface-lighten-2; - color: $surface-darken-1; + &.-on .switch--slider { + color: $success; } - &.-on { + & .switch--slider { + color: $primary 15%; + background: $panel-darken-2; + } + &:hover { & > .switch--slider { - color: $success-lighten-1; + color: $primary 25%; } - &:hover > .switch--slider { - color: $success; + &.-on > .switch--slider { + color: $success-lighten-1; } } - &:hover > .switch--slider { - color: $surface-darken-2; - } } } diff --git a/src/textual/widgets/_tabs.py b/src/textual/widgets/_tabs.py index e73a37c654..c347bf3521 100644 --- a/src/textual/widgets/_tabs.py +++ b/src/textual/widgets/_tabs.py @@ -96,7 +96,6 @@ class Tab(Static): width: auto; height: 1; padding: 0 1; - margin: 0 1; text-align: center; color: $foreground 50%; diff --git a/src/textual/widgets/_toggle_button.py b/src/textual/widgets/_toggle_button.py index 95727e5698..34a40d6bea 100644 --- a/src/textual/widgets/_toggle_button.py +++ b/src/textual/widgets/_toggle_button.py @@ -60,12 +60,12 @@ class ToggleButton(Static, can_focus=True): background: $surface; & > .toggle--button { - color: $surface-darken-1; + color: $panel-darken-2; background: $panel; } &.-on > .toggle--button { - color: $success; + color: $text-success; background: $panel; } @@ -77,52 +77,12 @@ class ToggleButton(Static, can_focus=True): background: $block-cursor-background; text-style: $block-cursor-text-style; } - & > .toggle--button { - background: $panel-lighten-1; - } - &:hover { - & > .toggle--label { - background: $block-cursor-background; - } - } } - - &:hover { + &:blur:hover { & > .toggle--label { background: $block-hover-background; } } - - } - - /* Base button colors (including in dark themes). */ - - ToggleButton > .toggle--button { - text-style: $block-cursor-text-style; - background: $foreground 15%; - } - - - ToggleButton.-on:focus > .toggle--button { - background: $foreground 25%; - } - - /* Light theme overrides. */ - ToggleButton:light { - color: $text; - & > .toggle--button { - color: $background; - background: $foreground 10%; - } - &:focus > .toggle--button { - background: $foreground 25%; - } - &.-on > .toggle--button { - color: $success; - } - &.-on:focus > .toggle--button { - color: $success-darken-1; - } } """ # TODO: https://github.com/Textualize/textual/issues/1780 diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg index 4536cba1ed..358fc63d86 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_color_mapping[textual-light].svg @@ -19,147 +19,147 @@ font-weight: 700; } - .terminal-2038936300-matrix { + .terminal-3826230564-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2038936300-title { + .terminal-3826230564-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2038936300-r1 { fill: #101010 } -.terminal-2038936300-r2 { fill: #c5c8c6 } -.terminal-2038936300-r3 { fill: #aa3731 } -.terminal-2038936300-r4 { fill: #c5807d } -.terminal-2038936300-r5 { fill: #448c27 } -.terminal-2038936300-r6 { fill: #88b377 } -.terminal-2038936300-r7 { fill: #cb9000 } -.terminal-2038936300-r8 { fill: #d9b65f } -.terminal-2038936300-r9 { fill: #325cc0 } -.terminal-2038936300-r10 { fill: #7d96d2 } -.terminal-2038936300-r11 { fill: #7a3e9d } -.terminal-2038936300-r12 { fill: #a884bd } -.terminal-2038936300-r13 { fill: #0083b2 } -.terminal-2038936300-r14 { fill: #5faeca } -.terminal-2038936300-r15 { fill: #f7f7f7 } -.terminal-2038936300-r16 { fill: #f3f3f3 } -.terminal-2038936300-r17 { fill: #000000 } -.terminal-2038936300-r18 { fill: #5f5f5f } + .terminal-3826230564-r1 { fill: #1f1f1f } +.terminal-3826230564-r2 { fill: #c5c8c6 } +.terminal-3826230564-r3 { fill: #aa3731 } +.terminal-3826230564-r4 { fill: #bf7a77 } +.terminal-3826230564-r5 { fill: #448c27 } +.terminal-3826230564-r6 { fill: #82ad71 } +.terminal-3826230564-r7 { fill: #cb9000 } +.terminal-3826230564-r8 { fill: #d3b059 } +.terminal-3826230564-r9 { fill: #325cc0 } +.terminal-3826230564-r10 { fill: #7790cc } +.terminal-3826230564-r11 { fill: #7a3e9d } +.terminal-3826230564-r12 { fill: #a27eb7 } +.terminal-3826230564-r13 { fill: #0083b2 } +.terminal-3826230564-r14 { fill: #59a8c4 } +.terminal-3826230564-r15 { fill: #f7f7f7 } +.terminal-3826230564-r16 { fill: #ededed } +.terminal-3826230564-r17 { fill: #000000 } +.terminal-3826230564-r18 { fill: #595959 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - AnsiMappingApp + AnsiMappingApp - - - - Foreground & background                                                          -red -dim red -green -dim green -yellow -dim yellow -blue -dim blue -magenta -dim magenta -cyan -dim cyan -white -dim white -black -dim black - - - - - - + + + + Foreground & background                                                          +red +dim red +green +dim green +yellow +dim yellow +blue +dim blue +magenta +dim magenta +cyan +dim cyan +white +dim white +black +dim black + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg index 806fe837e3..f720ab0264 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg @@ -19,143 +19,143 @@ font-weight: 700; } - .terminal-2368587539-matrix { + .terminal-1758253465-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2368587539-title { + .terminal-1758253465-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2368587539-r1 { fill: #8a4346 } -.terminal-2368587539-r2 { fill: #868887 } -.terminal-2368587539-r3 { fill: #6b546f } -.terminal-2368587539-r4 { fill: #e0e0e0 } -.terminal-2368587539-r5 { fill: #292929 } -.terminal-2368587539-r6 { fill: #c5c8c6 } -.terminal-2368587539-r7 { fill: #0178d4 } -.terminal-2368587539-r8 { fill: #00ff00 } -.terminal-2368587539-r9 { fill: #000000 } -.terminal-2368587539-r10 { fill: #8d8d8d } -.terminal-2368587539-r11 { fill: #7e8486 } -.terminal-2368587539-r12 { fill: #e0e0e0;font-weight: bold } -.terminal-2368587539-r13 { fill: #a1a5a8 } + .terminal-1758253465-r1 { fill: #8a4346 } +.terminal-1758253465-r2 { fill: #868887 } +.terminal-1758253465-r3 { fill: #6b546f } +.terminal-1758253465-r4 { fill: #e0e0e0 } +.terminal-1758253465-r5 { fill: #292929 } +.terminal-1758253465-r6 { fill: #c5c8c6 } +.terminal-1758253465-r7 { fill: #0178d4 } +.terminal-1758253465-r8 { fill: #00ff00 } +.terminal-1758253465-r9 { fill: #000000 } +.terminal-1758253465-r10 { fill: #8d8d8d } +.terminal-1758253465-r11 { fill: #828482 } +.terminal-1758253465-r12 { fill: #e0e0e0;font-weight: bold } +.terminal-1758253465-r13 { fill: #a5a5a5 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  Quit the application                                                           -Quit the application as soon as possible -  Save screenshot                                                                -Save an SVG 'screenshot' of the current screen -  Show keys and help panel                                                       -Show help for the focused widget and a summary of available keys -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed -MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed + + + + RedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + + +  Quit the application                                                           +Quit the application as soon as possible +  Save screenshot                                                                +Save an SVG 'screenshot' of the current screen +  Show keys and help panel                                                       +Show help for the focused widget and a summary of available keys +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed +MagentaRedMagentaRedMagentaRedMagentaRedMagentaRedMagentaRed diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_commands_opens_and_displays_search_list.svg similarity index 50% rename from tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg rename to tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_commands_opens_and_displays_search_list.svg index 89e9f90784..eb86226537 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_opens_and_displays_search_list.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_app_search_commands_opens_and_displays_search_list.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-1636454365-matrix { + .terminal-4097857637-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1636454365-title { + .terminal-4097857637-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1636454365-r1 { fill: #646464 } -.terminal-1636454365-r2 { fill: #c5c8c6 } -.terminal-1636454365-r3 { fill: #0178d4 } -.terminal-1636454365-r4 { fill: #e0e0e0 } -.terminal-1636454365-r5 { fill: #00ff00 } -.terminal-1636454365-r6 { fill: #000000 } -.terminal-1636454365-r7 { fill: #121212 } -.terminal-1636454365-r8 { fill: #e0e0e0;font-weight: bold } -.terminal-1636454365-r9 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; } + .terminal-4097857637-r1 { fill: #646464 } +.terminal-4097857637-r2 { fill: #c5c8c6 } +.terminal-4097857637-r3 { fill: #0178d4 } +.terminal-4097857637-r4 { fill: #e0e0e0 } +.terminal-4097857637-r5 { fill: #00ff00 } +.terminal-4097857637-r6 { fill: #000000 } +.terminal-4097857637-r7 { fill: #121212 } +.terminal-4097857637-r8 { fill: #e0e0e0;font-weight: bold } +.terminal-4097857637-r9 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SearchApp + SearchApp - - - - Search Commands                                                                  - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎b - - -bar                                                                            -baz                                                                            -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - + + + + Search Commands                                                                  + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎b + + +bar                                                                            +baz                                                                            +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg index ebc6189410..00c3743045 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-600909037-matrix { + .terminal-2567291719-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-600909037-title { + .terminal-2567291719-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-600909037-r1 { fill: #e0e0e0 } -.terminal-600909037-r2 { fill: #c5c8c6 } -.terminal-600909037-r3 { fill: #f4005f } -.terminal-600909037-r4 { fill: #98e024 } -.terminal-600909037-r5 { fill: #262626 } -.terminal-600909037-r6 { fill: #0178d4 } -.terminal-600909037-r7 { fill: #7ae998 } -.terminal-600909037-r8 { fill: #55c076;font-weight: bold } -.terminal-600909037-r9 { fill: #008139 } -.terminal-600909037-r10 { fill: #ffa62b;font-weight: bold } -.terminal-600909037-r11 { fill: #495259 } + .terminal-2567291719-r1 { fill: #c5c8c6 } +.terminal-2567291719-r2 { fill: #f4005f } +.terminal-2567291719-r3 { fill: #98e024 } +.terminal-2567291719-r4 { fill: #e0e0e0 } +.terminal-2567291719-r5 { fill: #262626 } +.terminal-2567291719-r6 { fill: #0178d4 } +.terminal-2567291719-r7 { fill: #7ae998 } +.terminal-2567291719-r8 { fill: #55c076;font-weight: bold } +.terminal-2567291719-r9 { fill: #008139 } +.terminal-2567291719-r10 { fill: #ffa62b;font-weight: bold } +.terminal-2567291719-r11 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - Parent 1Parent 2 -━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -Child 2.1Child 2.2 -━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button 2.2  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - space Focus button 2.2                                             ▏^p palette + + + + Parent 1Parent 2 +━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +Child 2.1Child 2.2 +━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button 2.2  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + space Focus button 2.2                                             ▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg index 6ca93cdf7b..0f7c2beec6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-69137835-matrix { + .terminal-910881990-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-69137835-title { + .terminal-910881990-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-69137835-r1 { fill: #008000 } -.terminal-69137835-r2 { fill: #c5c8c6 } -.terminal-69137835-r3 { fill: #e0e0e0 } -.terminal-69137835-r4 { fill: #121212 } -.terminal-69137835-r5 { fill: #191919 } -.terminal-69137835-r6 { fill: #1e1e1e } -.terminal-69137835-r7 { fill: #ffa62b;font-weight: bold } -.terminal-69137835-r8 { fill: #495259 } + .terminal-910881990-r1 { fill: #008000 } +.terminal-910881990-r2 { fill: #c5c8c6 } +.terminal-910881990-r3 { fill: #e0e0e0 } +.terminal-910881990-r4 { fill: #121212 } +.terminal-910881990-r5 { fill: #191919 } +.terminal-910881990-r6 { fill: #1e1e1e } +.terminal-910881990-r7 { fill: #ffa62b;font-weight: bold } +.terminal-910881990-r8 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindApp + BindApp - - - - ┌──────────────────────────────────────────────────────────────────────────────┐ -│MyWidget│ -││ -││ -└──────────────────────────────────────────────────────────────────────────────┘ -▊▔▔▔▔▔▔▔▔▎ -▊▎ -▊▁▁▁▁▁▁▁▁▎ - - - - - - - - - - - - - - - - space Bell (Widget)  a widget  b widget  c app                     ▏^p palette + + + + ┌──────────────────────────────────────────────────────────────────────────────┐ +│MyWidget│ +││ +││ +└──────────────────────────────────────────────────────────────────────────────┘ +▊▔▔▔▔▔▔▔▔▎ +▊▎ +▊▁▁▁▁▁▁▁▁▎ + + + + + + + + + + + + + + + + space Bell (Widget)  a widget  b widget  c app                     ▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg index b04b4fd911..4ee1043c10 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_check_consume_keys.svg @@ -19,140 +19,140 @@ font-weight: 700; } - .terminal-474288869-matrix { + .terminal-1966019072-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-474288869-title { + .terminal-1966019072-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-474288869-r1 { fill: #121212 } -.terminal-474288869-r2 { fill: #0178d4 } -.terminal-474288869-r3 { fill: #c5c8c6 } -.terminal-474288869-r4 { fill: #797979 } -.terminal-474288869-r5 { fill: #e0e0e0 } -.terminal-474288869-r6 { fill: #191919 } -.terminal-474288869-r7 { fill: #737373 } -.terminal-474288869-r8 { fill: #1e1e1e } -.terminal-474288869-r9 { fill: #495259 } -.terminal-474288869-r10 { fill: #ffa62b;font-weight: bold } + .terminal-1966019072-r1 { fill: #121212 } +.terminal-1966019072-r2 { fill: #0178d4 } +.terminal-1966019072-r3 { fill: #c5c8c6 } +.terminal-1966019072-r4 { fill: #797979 } +.terminal-1966019072-r5 { fill: #e0e0e0 } +.terminal-1966019072-r6 { fill: #191919 } +.terminal-1966019072-r7 { fill: #737373 } +.terminal-1966019072-r8 { fill: #1e1e1e } +.terminal-1966019072-r9 { fill: #495259 } +.terminal-1966019072-r10 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MyApp + MyApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊First Name▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Last Name▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▎ -▊▁▁▁▁▁▁▁▁▎ - - - - - - - - - - - - - - -▏^p palette + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊First Name▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Last Name▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▎ +▊▁▁▁▁▁▁▁▁▎ + + + + + + + + + + + + + + +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg index eaa59dcbdb..34ec4e461b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_checkbox_example.svg @@ -19,145 +19,143 @@ font-weight: 700; } - .terminal-2181590032-matrix { + .terminal-817186996-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2181590032-title { + .terminal-817186996-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2181590032-r1 { fill: #e0e0e0 } -.terminal-2181590032-r2 { fill: #c5c8c6 } -.terminal-2181590032-r3 { fill: #121212 } -.terminal-2181590032-r4 { fill: #1b1b1b } -.terminal-2181590032-r5 { fill: #191919 } -.terminal-2181590032-r6 { fill: #3b3b3b } -.terminal-2181590032-r7 { fill: #0d0d0d;font-weight: bold } -.terminal-2181590032-r8 { fill: #e0e0e0;font-weight: bold } -.terminal-2181590032-r9 { fill: #f4005f } -.terminal-2181590032-r10 { fill: #242f38 } -.terminal-2181590032-r11 { fill: #4ebf71;font-weight: bold } -.terminal-2181590032-r12 { fill: #0178d4 } -.terminal-2181590032-r13 { fill: #000000 } -.terminal-2181590032-r14 { fill: #343f49 } -.terminal-2181590032-r15 { fill: #ddedf9;font-weight: bold } + .terminal-817186996-r1 { fill: #e0e0e0 } +.terminal-817186996-r2 { fill: #c5c8c6 } +.terminal-817186996-r3 { fill: #121212 } +.terminal-817186996-r4 { fill: #1b1b1b } +.terminal-817186996-r5 { fill: #191919 } +.terminal-817186996-r6 { fill: #242f38 } +.terminal-817186996-r7 { fill: #000f18 } +.terminal-817186996-r8 { fill: #e0e0e0;font-weight: bold } +.terminal-817186996-r9 { fill: #f4005f } +.terminal-817186996-r10 { fill: #8ad4a1 } +.terminal-817186996-r11 { fill: #0178d4 } +.terminal-817186996-r12 { fill: #000000 } +.terminal-817186996-r13 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CheckboxApp + CheckboxApp - - - - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌ Arrakis 😓▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌ Caladan▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌ Chusuk▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌Giedi Prime▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌Ginaz▎ -▊▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌ Grumman▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎▃▃ -▊▐X▌Kaitain▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + + + + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌ Arrakis 😓▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌ Caladan▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌ Chusuk▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌Giedi Prime▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌Ginaz▎ +▊▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌ Grumman▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▎▃▃ +▊▐X▌Kaitain▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg index cba485475e..03936e6c98 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-566941328-matrix { + .terminal-621274872-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-566941328-title { + .terminal-621274872-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-566941328-r1 { fill: #646464 } -.terminal-566941328-r2 { fill: #c5c8c6 } -.terminal-566941328-r3 { fill: #0178d4 } -.terminal-566941328-r4 { fill: #e0e0e0 } -.terminal-566941328-r5 { fill: #00ff00 } -.terminal-566941328-r6 { fill: #000000 } -.terminal-566941328-r7 { fill: #121212 } -.terminal-566941328-r8 { fill: #e0e0e0;font-weight: bold } -.terminal-566941328-r9 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; } + .terminal-621274872-r1 { fill: #646464 } +.terminal-621274872-r2 { fill: #c5c8c6 } +.terminal-621274872-r3 { fill: #0178d4 } +.terminal-621274872-r4 { fill: #e0e0e0 } +.terminal-621274872-r5 { fill: #00ff00 } +.terminal-621274872-r6 { fill: #000000 } +.terminal-621274872-r7 { fill: #121212 } +.terminal-621274872-r8 { fill: #e0e0e0;font-weight: bold } +.terminal-621274872-r9 { fill: #e0e0e0;font-weight: bold;text-decoration: underline; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎A - - -  This is a test of this code 9                                                  -  This is a test of this code 8                                                  -  This is a test of this code 7                                                  -  This is a test of this code 6                                                  -  This is a test of this code 5                                                  -  This is a test of this code 4                                                  -  This is a test of this code 3                                                  -  This is a test of this code 2                                                  -  This is a test of this code 1                                                  -  This is a test of this code 0                                                  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎A + + +  This is a test of this code 9                                                  +  This is a test of this code 8                                                  +  This is a test of this code 7                                                  +  This is a test of this code 6                                                  +  This is a test of this code 5                                                  +  This is a test of this code 4                                                  +  This is a test of this code 3                                                  +  This is a test of this code 2                                                  +  This is a test of this code 1                                                  +  This is a test of this code 0                                                  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg index 60c08e5cee..94dc22828b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_discovery.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-1531744096-matrix { + .terminal-2694158592-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1531744096-title { + .terminal-2694158592-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1531744096-r1 { fill: #646464 } -.terminal-1531744096-r2 { fill: #c5c8c6 } -.terminal-1531744096-r3 { fill: #0178d4 } -.terminal-1531744096-r4 { fill: #e0e0e0 } -.terminal-1531744096-r5 { fill: #00ff00 } -.terminal-1531744096-r6 { fill: #000000 } -.terminal-1531744096-r7 { fill: #121212 } -.terminal-1531744096-r8 { fill: #6d7479 } -.terminal-1531744096-r9 { fill: #e0e0e0;font-weight: bold } + .terminal-2694158592-r1 { fill: #646464 } +.terminal-2694158592-r2 { fill: #c5c8c6 } +.terminal-2694158592-r3 { fill: #0178d4 } +.terminal-2694158592-r4 { fill: #e0e0e0 } +.terminal-2694158592-r5 { fill: #00ff00 } +.terminal-2694158592-r6 { fill: #000000 } +.terminal-2694158592-r7 { fill: #121212 } +.terminal-2694158592-r8 { fill: #737373 } +.terminal-2694158592-r9 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CommandPaletteApp + CommandPaletteApp - - - - - - -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  This is a test of this code 0                                                  -  This is a test of this code 1                                                  -  This is a test of this code 2                                                  -  This is a test of this code 3                                                  -  This is a test of this code 4                                                  -  This is a test of this code 5                                                  -  This is a test of this code 6                                                  -  This is a test of this code 7                                                  -  This is a test of this code 8                                                  -  This is a test of this code 9                                                  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - + + + + + + +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + + +  This is a test of this code 0                                                  +  This is a test of this code 1                                                  +  This is a test of this code 2                                                  +  This is a test of this code 3                                                  +  This is a test of this code 4                                                  +  This is a test of this code 5                                                  +  This is a test of this code 6                                                  +  This is a test of this code 7                                                  +  This is a test of this code 8                                                  +  This is a test of this code 9                                                  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg index e04a1ffbb6..2ba4ee8ba5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_data_table_in_tabs.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-3884237057-matrix { + .terminal-3107945155-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3884237057-title { + .terminal-3107945155-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3884237057-r1 { fill: #e0e0e0 } -.terminal-3884237057-r2 { fill: #c5c8c6 } -.terminal-3884237057-r3 { fill: #ddedf9;font-weight: bold } -.terminal-3884237057-r4 { fill: #4f4f4f } -.terminal-3884237057-r5 { fill: #0178d4 } -.terminal-3884237057-r6 { fill: #e0e0e0;font-weight: bold } + .terminal-3107945155-r1 { fill: #c5c8c6 } +.terminal-3107945155-r2 { fill: #ddedf9;font-weight: bold } +.terminal-3107945155-r3 { fill: #e0e0e0 } +.terminal-3107945155-r4 { fill: #4f4f4f } +.terminal-3107945155-r5 { fill: #0178d4 } +.terminal-3107945155-r6 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Dashboard + Dashboard - - - - Workflows -━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - Id   Description  Status  Result Id  - 1    2            3       4          - a    b            c       d          - fee  fy           fo      fum        - - - - - - - - - - - - - - - - - + + + + Workflows +╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + Id   Description  Status  Result Id  + 1    2            3       4          + a    b            c       d          + fee  fy           fo      fum        + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg index 0d015c77c9..ffc2931f44 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_column_cursor_render.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-3450215999-matrix { + .terminal-61676876-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3450215999-title { + .terminal-61676876-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3450215999-r1 { fill: #e0e0e0;font-weight: bold } -.terminal-3450215999-r2 { fill: #e0e0e0 } -.terminal-3450215999-r3 { fill: #c5c8c6 } -.terminal-3450215999-r4 { fill: #ddedf9;font-weight: bold } + .terminal-61676876-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-61676876-r2 { fill: #e0e0e0 } +.terminal-61676876-r3 { fill: #c5c8c6 } +.terminal-61676876-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg index 7ce444948e..290dc0a2ec 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_hot_reloading.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-4120604320-matrix { + .terminal-3132976744-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4120604320-title { + .terminal-3132976744-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4120604320-r1 { fill: #e0e0e0;font-weight: bold } -.terminal-4120604320-r2 { fill: #e0e0e0 } -.terminal-4120604320-r3 { fill: #c5c8c6 } -.terminal-4120604320-r4 { fill: #ddedf9;font-weight: bold } + .terminal-3132976744-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3132976744-r2 { fill: #e0e0e0 } +.terminal-3132976744-r3 { fill: #c5c8c6 } +.terminal-3132976744-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DataTableHotReloadingApp + DataTableHotReloadingApp - - - -  A           B     - one         two   - three       four  - five        six   - - - - - - - - - - - - - - - - - - - + + + +  A           B     + one         two   + three       four  + five        six   + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg index a7026f5f51..cf509f9862 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_labels_and_fixed_data.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-2062572340-matrix { + .terminal-3125828133-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2062572340-title { + .terminal-3125828133-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2062572340-r1 { fill: #e0e0e0;font-weight: bold } -.terminal-2062572340-r2 { fill: #e0e0e0 } -.terminal-2062572340-r3 { fill: #c5c8c6 } -.terminal-2062572340-r4 { fill: #ddedf9;font-weight: bold } + .terminal-3125828133-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-3125828133-r2 { fill: #e0e0e0 } +.terminal-3125828133-r3 { fill: #c5c8c6 } +.terminal-3125828133-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 0  5     Chad le Clos          South Africa   51.14  - 1  4     Joseph Schooling      Singapore      50.39  - 2  2     Michael Phelps        United States  51.14  - 3  6     László Cseh           Hungary        51.14  - 4  3     Li Zhuhao             China          51.26  - 5  8     Mehdy Metella         France         51.58  - 6  7     Tom Shields           United States  51.73  - 7  10    Darren Burns          Scotland       51.84  - 8  1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 0  5     Chad le Clos          South Africa   51.14  + 1  4     Joseph Schooling      Singapore      50.39  + 2  2     Michael Phelps        United States  51.14  + 3  6     László Cseh           Hungary        51.14  + 4  3     Li Zhuhao             China          51.26  + 5  8     Mehdy Metella         France         51.58  + 6  7     Tom Shields           United States  51.73  + 7  10    Darren Burns          Scotland       51.84  + 8  1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg index 924433d84a..9cee621c25 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_datatable_row_cursor_render.svg @@ -19,133 +19,133 @@ font-weight: 700; } - .terminal-890375068-matrix { + .terminal-2956397225-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-890375068-title { + .terminal-2956397225-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-890375068-r1 { fill: #e0e0e0;font-weight: bold } -.terminal-890375068-r2 { fill: #e0e0e0 } -.terminal-890375068-r3 { fill: #c5c8c6 } -.terminal-890375068-r4 { fill: #ddedf9;font-weight: bold } + .terminal-2956397225-r1 { fill: #e0e0e0;font-weight: bold } +.terminal-2956397225-r2 { fill: #e0e0e0 } +.terminal-2956397225-r3 { fill: #c5c8c6 } +.terminal-2956397225-r4 { fill: #ddedf9;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TableApp + TableApp - - - -  lane  swimmer               country        time   - 4     Joseph Schooling      Singapore      50.39  - 2     Michael Phelps        United States  51.14  - 5     Chad le Clos          South Africa   51.14  - 6     László Cseh           Hungary        51.14  - 3     Li Zhuhao             China          51.26  - 8     Mehdy Metella         France         51.58  - 7     Tom Shields           United States  51.73  - 1     Aleksandr Sadovnikov  Russia         51.84  - - - - - - - - - - - - - - + + + +  lane  swimmer               country        time   + 4     Joseph Schooling      Singapore      50.39  + 2     Michael Phelps        United States  51.14  + 5     Chad le Clos          South Africa   51.14  + 6     László Cseh           Hungary        51.14  + 3     Li Zhuhao             China          51.26  + 8     Mehdy Metella         France         51.58  + 7     Tom Shields           United States  51.73  + 1     Aleksandr Sadovnikov  Russia         51.84  + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg index be00d84945..33d4a977a5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_disabled.svg @@ -19,139 +19,140 @@ font-weight: 700; } - .terminal-3017533336-matrix { + .terminal-3522487775-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3017533336-title { + .terminal-3522487775-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3017533336-r1 { fill: #e0e0e0 } -.terminal-3017533336-r2 { fill: #c5c8c6 } -.terminal-3017533336-r3 { fill: #a2a2a2 } -.terminal-3017533336-r4 { fill: #a5a5a5 } -.terminal-3017533336-r5 { fill: #a4a4a4 } -.terminal-3017533336-r6 { fill: #a2a2a2;font-weight: bold } -.terminal-3017533336-r7 { fill: #121212 } -.terminal-3017533336-r8 { fill: #1a1a1a } -.terminal-3017533336-r9 { fill: #1c2126 } -.terminal-3017533336-r10 { fill: #0e0e0e } + .terminal-3522487775-r1 { fill: #e0e0e0 } +.terminal-3522487775-r2 { fill: #c5c8c6 } +.terminal-3522487775-r3 { fill: #a2a2a2 } +.terminal-3522487775-r4 { fill: #a5a5a5 } +.terminal-3522487775-r5 { fill: #a4a4a4 } +.terminal-3522487775-r6 { fill: #a2a2a2;font-weight: bold } +.terminal-3522487775-r7 { fill: #121212 } +.terminal-3522487775-r8 { fill: #141414 } +.terminal-3522487775-r9 { fill: #1a1a1a } +.terminal-3522487775-r10 { fill: #1c2126 } +.terminal-3522487775-r11 { fill: #050f16 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DisabledApp + DisabledApp - - - - Labels don't have a disabled state                                               -I am disabled                                                                  - - - -I am disabled                                                                  - - - - Foo   Bar       - Also  disabled  - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊you                                                                       ▎ -▊can't                                                                     ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌ Simple SelectionList                                                    ▎ -▊▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - + + + + Labels don't have a disabled state                                               +I am disabled                                                                  + + + +I am disabled                                                                  + + + + Foo   Bar       + Also  disabled  + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊you                                                                       ▎ +▊can't                                                                     ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌ Simple SelectionList                                                    ▎ +▊▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg index eeb97585fe..9948de7dcd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg @@ -19,143 +19,143 @@ font-weight: 700; } - .terminal-2127399614-matrix { + .terminal-1426611950-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2127399614-title { + .terminal-1426611950-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2127399614-r1 { fill: #121212 } -.terminal-2127399614-r2 { fill: #191919 } -.terminal-2127399614-r3 { fill: #e0e0e0 } -.terminal-2127399614-r4 { fill: #c5c8c6 } -.terminal-2127399614-r5 { fill: #3b3b3b } -.terminal-2127399614-r6 { fill: #0d0d0d;font-weight: bold } -.terminal-2127399614-r7 { fill: #003054 } -.terminal-2127399614-r8 { fill: #495259 } -.terminal-2127399614-r9 { fill: #ffa62b;font-weight: bold } + .terminal-1426611950-r1 { fill: #121212 } +.terminal-1426611950-r2 { fill: #191919 } +.terminal-1426611950-r3 { fill: #e0e0e0 } +.terminal-1426611950-r4 { fill: #c5c8c6 } +.terminal-1426611950-r5 { fill: #242f38 } +.terminal-1426611950-r6 { fill: #000f18 } +.terminal-1426611950-r7 { fill: #003054 } +.terminal-1426611950-r8 { fill: #495259 } +.terminal-1426611950-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollOffByOne + ScrollOffByOne - - - - ▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 92▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 93▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 94▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 95▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 96▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 97▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 98▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 99▎▁▁ -▊▁▁▁▁▁▁▁▁▎ -▏^p palette + + + + ▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 92▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 93▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 94▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 95▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 96▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 97▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 98▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 99▎▁▁ +▊▁▁▁▁▁▁▁▁▎ +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg index c93e28dc38..dcb829a114 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_merlin.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-1643395894-matrix { + .terminal-3722523873-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1643395894-title { + .terminal-3722523873-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1643395894-r1 { fill: #e0e0e0 } -.terminal-1643395894-r2 { fill: #121212 } -.terminal-1643395894-r3 { fill: #c5c8c6 } -.terminal-1643395894-r4 { fill: #fea62b } -.terminal-1643395894-r5 { fill: #0178d4 } -.terminal-1643395894-r6 { fill: #e0e0e0;font-weight: bold } -.terminal-1643395894-r7 { fill: #1e1e1e } -.terminal-1643395894-r8 { fill: #191919 } -.terminal-1643395894-r9 { fill: #272727 } -.terminal-1643395894-r10 { fill: #737373;font-weight: bold } -.terminal-1643395894-r11 { fill: #000000 } + .terminal-3722523873-r1 { fill: #e0e0e0 } +.terminal-3722523873-r2 { fill: #121212 } +.terminal-3722523873-r3 { fill: #c5c8c6 } +.terminal-3722523873-r4 { fill: #fea62b } +.terminal-3722523873-r5 { fill: #0178d4 } +.terminal-3722523873-r6 { fill: #e0e0e0;font-weight: bold } +.terminal-3722523873-r7 { fill: #1e1e1e } +.terminal-3722523873-r8 { fill: #191919 } +.terminal-3722523873-r9 { fill: #272727 } +.terminal-3722523873-r10 { fill: #737373;font-weight: bold } +.terminal-3722523873-r11 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MerlinApp + MerlinApp - - - - - -╭─╮   ╭─╮╭─╮   ╭─╮╭─╮ -│ │ : │ ││ │ : │ ││ │ -╰─╯   ╰─╯╰─╯   ╰─╯╰─╯ - - -█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ -██ -█    7         8         9     █ -█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ -█▊▎▊▎▊▎█ -█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ -██ -█    4         5         6     █ -█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ -█▊▎▊▎▊▎█ -█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ -██ -█    1         2         3     █ -█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ -█▊▎▊▎▊▎█ -█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ -██▇▇ + + + + + +╭─╮   ╭─╮╭─╮   ╭─╮╭─╮ +│ │ : │ ││ │ : │ ││ │ +╰─╯   ╰─╯╰─╯   ╰─╯╰─╯ + + +█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█ +██ +█    7         8         9     █ +█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ +█▊▎▊▎▊▎█ +█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ +██ +█    4         5         6     █ +█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ +█▊▎▊▎▊▎█ +█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ +██ +█    1         2         3     █ +█▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▎█ +█▊▎▊▎▊▎█ +█▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▎█ +██▇▇ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg index 8c26cd123e..85ed9aec8e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_grid_gutter.svg @@ -19,137 +19,137 @@ font-weight: 700; } - .terminal-571294980-matrix { + .terminal-1789525687-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-571294980-title { + .terminal-1789525687-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-571294980-r1 { fill: #e0e0e0 } -.terminal-571294980-r2 { fill: #c5c8c6 } -.terminal-571294980-r3 { fill: #004578 } -.terminal-571294980-r4 { fill: #ddedf9;font-weight: bold } -.terminal-571294980-r5 { fill: #4f4f4f } -.terminal-571294980-r6 { fill: #0178d4 } -.terminal-571294980-r7 { fill: #121212 } -.terminal-571294980-r8 { fill: #e0e0e0;font-style: italic; } + .terminal-1789525687-r1 { fill: #e0e0e0 } +.terminal-1789525687-r2 { fill: #c5c8c6 } +.terminal-1789525687-r3 { fill: #004578 } +.terminal-1789525687-r4 { fill: #ddedf9;font-weight: bold } +.terminal-1789525687-r5 { fill: #4f4f4f } +.terminal-1789525687-r6 { fill: #0178d4 } +.terminal-1789525687-r7 { fill: #121212 } +.terminal-1789525687-r8 { fill: #e0e0e0;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Demonstrator + Demonstrator - - - - - -┌──────────────────────────────────────────────────────────┐ -│Information│ -│━╸━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━│ -│▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│ -│▊aaa naa aaaaa aaa aaaan, aaa aaa, aaaa?", aa aaa    ▎│ -│▊aaaaanaaa anaaaaaaana aaaaaaaa aaaaaana aaa aaaaa aa▎│ -│▊aaa, aa aaaaaaaaa aaa aaaa, "aaaa, an aaaa aaa aaaa,▎│ -│▊a aa". "aaaa, naa aaaaaaaaaaa, aaa a aaaa aaaaaanaa ▎│ -│▊aaaa aa a aaa!", aaa anaaaa, aaaaa aaaaaaaa         ▎│ -│▊aanaaaaa. "Na! aaa naa. aaaaa. aa aaaaa naa. aaaaa  ▎│ -│▊aa na aaa.", aaa aaaaaaaa aaaanaaaaa DONE.          ▎│ -│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│ -││ -││ -││ -││ -││ -││ -││ -└──────────────────────────────────────────────────────────┘ - + + + + + +┌──────────────────────────────────────────────────────────┐ +│Information│ +│╸━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━│ +│▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎│ +│▊aaa naa aaaaa aaa aaaan, aaa aaa, aaaa?", aa aaa    ▎│ +│▊aaaaanaaa anaaaaaaana aaaaaaaa aaaaaana aaa aaaaa aa▎│ +│▊aaa, aa aaaaaaaaa aaa aaaa, "aaaa, an aaaa aaa aaaa,▎│ +│▊a aa". "aaaa, naa aaaaaaaaaaa, aaa a aaaa aaaaaanaa ▎│ +│▊aaaa aa a aaa!", aaa anaaaa, aaaaa aaaaaaaa         ▎│ +│▊aanaaaaa. "Na! aaa naa. aaaaa. aa aaaaa naa. aaaaa  ▎│ +│▊aa na aaa.", aaa aaaaaaaa aaaanaaaaa DONE.          ▎│ +│▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎│ +││ +││ +││ +││ +││ +││ +││ +└──────────────────────────────────────────────────────────┘ + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg index d32f5eb218..eee8bec4f6 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_label_widths.svg @@ -19,132 +19,132 @@ font-weight: 700; } - .terminal-2238248764-matrix { + .terminal-159316546-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2238248764-title { + .terminal-159316546-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2238248764-r1 { fill: #101010 } -.terminal-2238248764-r2 { fill: #c5c8c6 } -.terminal-2238248764-r3 { fill: #00ff00 } + .terminal-159316546-r1 { fill: #1f1f1f } +.terminal-159316546-r2 { fill: #c5c8c6 } +.terminal-159316546-r3 { fill: #00ff00 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LabelWrap + LabelWrap - - - - - - - - - -Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix Ch - - -Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix  -Chimera Castle - - -╭────────────────────────────────────────────────────────────────────────────╮ -│ Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur       │ -│ Phoenix Chimera Castle                                                     │ -╰────────────────────────────────────────────────────────────────────────────╯ - - - - - - + + + + + + + + + +Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix Ch + + +Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur Phoenix  +Chimera Castle + + +╭────────────────────────────────────────────────────────────────────────────╮ +│ Apple Banana Cherry Mango Fig Guava Pineapple:Dragon Unicorn Centaur       │ +│ Phoenix Chimera Castle                                                     │ +╰────────────────────────────────────────────────────────────────────────────╯ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg index dce829396e..0327fe6903 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator.svg @@ -19,137 +19,138 @@ font-weight: 700; } - .terminal-3853787020-matrix { + .terminal-783426170-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3853787020-title { + .terminal-783426170-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3853787020-r1 { fill: #121212 } -.terminal-3853787020-r2 { fill: #0178d4 } -.terminal-3853787020-r3 { fill: #c5c8c6 } -.terminal-3853787020-r4 { fill: #004578 } -.terminal-3853787020-r5 { fill: #e0e0e0 } -.terminal-3853787020-r6 { fill: #1e1e1e } -.terminal-3853787020-r7 { fill: #000000 } + .terminal-783426170-r1 { fill: #121212 } +.terminal-783426170-r2 { fill: #0178d4 } +.terminal-783426170-r3 { fill: #191919 } +.terminal-783426170-r4 { fill: #c5c8c6 } +.terminal-783426170-r5 { fill: #004578 } +.terminal-783426170-r6 { fill: #e0e0e0 } +.terminal-783426170-r7 { fill: #1e1e1e } +.terminal-783426170-r8 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LoadingOverlayRedux + LoadingOverlayRedux - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▄▄▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊              Loading!              ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊▎▊bar                               ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▄▄▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊              Loading!              ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊▎▊bar                               ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg index 01d44425c3..a1b1fbd6d1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_loading_indicator_disables_widget.svg @@ -19,138 +19,139 @@ font-weight: 700; } - .terminal-2563371115-matrix { + .terminal-79819609-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2563371115-title { + .terminal-79819609-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2563371115-r1 { fill: #121212 } -.terminal-2563371115-r2 { fill: #0178d4 } -.terminal-2563371115-r3 { fill: #c5c8c6 } -.terminal-2563371115-r4 { fill: #ddedf9;font-weight: bold } -.terminal-2563371115-r5 { fill: #272727 } -.terminal-2563371115-r6 { fill: #e0e0e0 } -.terminal-2563371115-r7 { fill: #1e1e1e } -.terminal-2563371115-r8 { fill: #000000 } + .terminal-79819609-r1 { fill: #121212 } +.terminal-79819609-r2 { fill: #0178d4 } +.terminal-79819609-r3 { fill: #191919 } +.terminal-79819609-r4 { fill: #c5c8c6 } +.terminal-79819609-r5 { fill: #ddedf9;font-weight: bold } +.terminal-79819609-r6 { fill: #272727 } +.terminal-79819609-r7 { fill: #e0e0e0 } +.terminal-79819609-r8 { fill: #1e1e1e } +.terminal-79819609-r9 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - LoadingOverlayRedux + LoadingOverlayRedux - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▄▄▎▊foo barfoo barfoo barfoo barfoo   ▄▄▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ -▊world hello world hello world     ▎▊bar                               ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▄▄▎▊foo barfoo barfoo barfoo barfoo   ▄▄▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊hello world hello world hello     ▎▊foo barfoo barfoo barfoo barfoo   ▎ +▊world hello world hello world     ▎▊bar                               ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg index 219dd8a9a4..d3f50477b3 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-2613718676-matrix { + .terminal-2394238774-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2613718676-title { + .terminal-2394238774-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2613718676-r1 { fill: #c5c8c6 } -.terminal-2613718676-r2 { fill: #101010 } -.terminal-2613718676-r3 { fill: #004578;font-weight: bold } -.terminal-2613718676-r4 { fill: #d2d2d2 } -.terminal-2613718676-r5 { fill: #859900 } -.terminal-2613718676-r6 { fill: #657b83 } -.terminal-2613718676-r7 { fill: #268bd2 } -.terminal-2613718676-r8 { fill: #bdc3bb;font-style: italic; } -.terminal-2613718676-r9 { fill: #2aa198 } + .terminal-2394238774-r1 { fill: #c5c8c6 } +.terminal-2394238774-r2 { fill: #1f1f1f } +.terminal-2394238774-r3 { fill: #004578;font-weight: bold } +.terminal-2394238774-r4 { fill: #d2d2d2 } +.terminal-2394238774-r5 { fill: #859900 } +.terminal-2394238774-r6 { fill: #657b83 } +.terminal-2394238774-r7 { fill: #268bd2 } +.terminal-2394238774-r8 { fill: #bdc3bb;font-style: italic; } +.terminal-2394238774-r9 { fill: #2aa198 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitcherApp + MarkdownThemeSwitcherApp - - - - - -                                This is a H1                                 - - -defmain(): -│   print("Hello world!") - - - - - - - - - - - - - - - - + + + + + +                                This is a H1                                 + + +defmain(): +│   print("Hello world!") + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg index c8c447a8d8..468deee961 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-574563413-matrix { + .terminal-3706135799-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-574563413-title { + .terminal-3706135799-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-574563413-r1 { fill: #c5c8c6 } -.terminal-574563413-r2 { fill: #101010 } -.terminal-574563413-r3 { fill: #004578;font-weight: bold } -.terminal-574563413-r4 { fill: #d2d2d2 } -.terminal-574563413-r5 { fill: #008000;font-weight: bold } -.terminal-574563413-r6 { fill: #000000 } -.terminal-574563413-r7 { fill: #0000ff } -.terminal-574563413-r8 { fill: #87adad;font-style: italic; } -.terminal-574563413-r9 { fill: #008000 } -.terminal-574563413-r10 { fill: #ba2121 } + .terminal-3706135799-r1 { fill: #c5c8c6 } +.terminal-3706135799-r2 { fill: #1f1f1f } +.terminal-3706135799-r3 { fill: #004578;font-weight: bold } +.terminal-3706135799-r4 { fill: #d2d2d2 } +.terminal-3706135799-r5 { fill: #008000;font-weight: bold } +.terminal-3706135799-r6 { fill: #000000 } +.terminal-3706135799-r7 { fill: #0000ff } +.terminal-3706135799-r8 { fill: #87adad;font-style: italic; } +.terminal-3706135799-r9 { fill: #008000 } +.terminal-3706135799-r10 { fill: #ba2121 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownThemeSwitcherApp + MarkdownThemeSwitcherApp - - - - - -                                This is a H1                                 - - -defmain(): -│   print("Hello world!") - - - - - - - - - - - - - - - - + + + + + +                                This is a H1                                 + + +defmain(): +│   print("Hello world!") + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg index df79355df7..9c0d16eda1 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_missing_vertical_scroll.svg @@ -19,138 +19,139 @@ font-weight: 700; } - .terminal-1167076188-matrix { + .terminal-2554343736-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1167076188-title { + .terminal-2554343736-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1167076188-r1 { fill: #121212 } -.terminal-1167076188-r2 { fill: #0178d4 } -.terminal-1167076188-r3 { fill: #c5c8c6 } -.terminal-1167076188-r4 { fill: #ddedf9;font-weight: bold } -.terminal-1167076188-r5 { fill: #272727 } -.terminal-1167076188-r6 { fill: #e0e0e0 } -.terminal-1167076188-r7 { fill: #1e1e1e } -.terminal-1167076188-r8 { fill: #000000 } + .terminal-2554343736-r1 { fill: #121212 } +.terminal-2554343736-r2 { fill: #0178d4 } +.terminal-2554343736-r3 { fill: #191919 } +.terminal-2554343736-r4 { fill: #c5c8c6 } +.terminal-2554343736-r5 { fill: #ddedf9;font-weight: bold } +.terminal-2554343736-r6 { fill: #272727 } +.terminal-2554343736-r7 { fill: #e0e0e0 } +.terminal-2554343736-r8 { fill: #1e1e1e } +.terminal-2554343736-r9 { fill: #000000 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MissingScrollbarApp + MissingScrollbarApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊0                  ▎▊0                  ▎▊0                       ▎ -▊1                  ▎▊1                  ▎▊1                       ▎ -▊2                  ▄▄▎▊2                  ▄▄▎▊2                       ▄▄▎ -▊3                  ▎▊3                  ▎▊3                       ▎ -▊4                  ▎▊4                  ▎▊4                       ▎ -▊5                  ▎▊5                  ▎▊5                       ▎ -▊6                  ▎▊6                  ▎▊6                       ▎ -▊7                  ▎▊7                  ▎▊7                       ▎ -▊8                  ▎▊8                  ▎▊8                       ▎ -▊9                  ▎▊9                  ▎▊9                       ▎ -▊10                 ▎▊10                 ▎▊10                      ▎ -▊11                 ▎▊11                 ▎▊11                      ▎ -▊12                 ▎▊12                 ▎▊12                      ▎ -▊13                 ▎▊13                 ▎▊13                      ▎ -▊14                 ▎▊14                 ▎▊14                      ▎ -▊15                 ▎▊15                 ▎▊15                      ▎ -▊16                 ▎▊16                 ▎▊16                      ▎ -▊17                 ▎▊17                 ▎▊17                      ▎ -▊18                 ▎▊18                 ▎▊18                      ▎ -▊19                 ▎▊19                 ▎▊19                      ▎ -▊20                 ▎▊20                 ▎▊20                      ▎ -▊21                 ▎▊21                 ▎▊21                      ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊0                  ▎▊0                  ▎▊0                       ▎ +▊1                  ▎▊1                  ▎▊1                       ▎ +▊2                  ▄▄▎▊2                  ▄▄▎▊2                       ▄▄▎ +▊3                  ▎▊3                  ▎▊3                       ▎ +▊4                  ▎▊4                  ▎▊4                       ▎ +▊5                  ▎▊5                  ▎▊5                       ▎ +▊6                  ▎▊6                  ▎▊6                       ▎ +▊7                  ▎▊7                  ▎▊7                       ▎ +▊8                  ▎▊8                  ▎▊8                       ▎ +▊9                  ▎▊9                  ▎▊9                       ▎ +▊10                 ▎▊10                 ▎▊10                      ▎ +▊11                 ▎▊11                 ▎▊11                      ▎ +▊12                 ▎▊12                 ▎▊12                      ▎ +▊13                 ▎▊13                 ▎▊13                      ▎ +▊14                 ▎▊14                 ▎▊14                      ▎ +▊15                 ▎▊15                 ▎▊15                      ▎ +▊16                 ▎▊16                 ▎▊16                      ▎ +▊17                 ▎▊17                 ▎▊17                      ▎ +▊18                 ▎▊18                 ▎▊18                      ▎ +▊19                 ▎▊19                 ▎▊19                      ▎ +▊20                 ▎▊20                 ▎▊20                      ▎ +▊21                 ▎▊21                 ▎▊21                      ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg index 4a36a53f11..827a5c748b 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_build.svg @@ -19,137 +19,138 @@ font-weight: 700; } - .terminal-1172973101-matrix { + .terminal-1223763921-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1172973101-title { + .terminal-1223763921-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1172973101-r1 { fill: #121212 } -.terminal-1172973101-r2 { fill: #0178d4 } -.terminal-1172973101-r3 { fill: #c5c8c6 } -.terminal-1172973101-r4 { fill: #ddedf9;font-weight: bold } -.terminal-1172973101-r5 { fill: #e0e0e0 } -.terminal-1172973101-r6 { fill: #424242 } -.terminal-1172973101-r7 { fill: #3b3b3b } -.terminal-1172973101-r8 { fill: #f4005f } + .terminal-1223763921-r1 { fill: #121212 } +.terminal-1223763921-r2 { fill: #0178d4 } +.terminal-1223763921-r3 { fill: #191919 } +.terminal-1223763921-r4 { fill: #c5c8c6 } +.terminal-1223763921-r5 { fill: #ddedf9;font-weight: bold } +.terminal-1223763921-r6 { fill: #e0e0e0 } +.terminal-1223763921-r7 { fill: #424242 } +.terminal-1223763921-r8 { fill: #3b3b3b } +.terminal-1223763921-r9 { fill: #f4005f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - OptionListApp + OptionListApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊One                   ▎▊One                    ▎▊One                    ▎ -▊Two                   ▎▊Two                    ▎▊Two                    ▎ -▊──────────────────────▎▊───────────────────────▎▊───────────────────────▎ -▊Three▎▊Three▎▊Three▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - - - - - - - - - - - - + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊One                   ▎▊One                    ▎▊One                    ▎ +▊Two                   ▎▊Two                    ▎▊Two                    ▎ +▊──────────────────────▎▊───────────────────────▎▊───────────────────────▎ +▊Three▎▊Three▎▊Three▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg index 83927304f0..305bb74153 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_quickly_change_tabs.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-1847891591-matrix { + .terminal-3731726198-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1847891591-title { + .terminal-3731726198-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1847891591-r1 { fill: #e0e0e0 } -.terminal-1847891591-r2 { fill: #c5c8c6 } -.terminal-1847891591-r3 { fill: #797979 } -.terminal-1847891591-r4 { fill: #ddedf9;font-weight: bold } -.terminal-1847891591-r5 { fill: #4f4f4f } -.terminal-1847891591-r6 { fill: #0178d4 } + .terminal-3731726198-r1 { fill: #c5c8c6 } +.terminal-3731726198-r2 { fill: #797979 } +.terminal-3731726198-r3 { fill: #ddedf9;font-weight: bold } +.terminal-3731726198-r4 { fill: #e0e0e0 } +.terminal-3731726198-r5 { fill: #4f4f4f } +.terminal-3731726198-r6 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - QuicklyChangeTabsApp + QuicklyChangeTabsApp - - - - onetwothree -━━━━━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -three                                                                            - - - - - - - - - - - - - - - - - - - - + + + + onetwothree +━━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +three                                                                            + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg index 5e4df0ef88..2a7c804c5c 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_button_example.svg @@ -19,138 +19,139 @@ font-weight: 700; } - .terminal-2930854620-matrix { + .terminal-2289707083-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2930854620-title { + .terminal-2289707083-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2930854620-r1 { fill: #e0e0e0 } -.terminal-2930854620-r2 { fill: #c5c8c6 } -.terminal-2930854620-r3 { fill: #121212 } -.terminal-2930854620-r4 { fill: #0178d4 } -.terminal-2930854620-r5 { fill: #343f49;font-weight: bold } -.terminal-2930854620-r6 { fill: #1e1e1e;font-weight: bold } -.terminal-2930854620-r7 { fill: #ddedf9;font-weight: bold } -.terminal-2930854620-r8 { fill: #343f49 } -.terminal-2930854620-r9 { fill: #4ebf71;font-weight: bold } + .terminal-2289707083-r1 { fill: #e0e0e0 } +.terminal-2289707083-r2 { fill: #c5c8c6 } +.terminal-2289707083-r3 { fill: #121212 } +.terminal-2289707083-r4 { fill: #0178d4 } +.terminal-2289707083-r5 { fill: #242f38;font-weight: bold } +.terminal-2289707083-r6 { fill: #000f18;font-weight: bold } +.terminal-2289707083-r7 { fill: #ddedf9;font-weight: bold } +.terminal-2289707083-r8 { fill: #242f38 } +.terminal-2289707083-r9 { fill: #000f18 } +.terminal-2289707083-r10 { fill: #8ad4a1 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioChoicesApp + RadioChoicesApp - - - - - - - - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐●▌ Battlestar Galactica▎ -▊▐●▌ Dune 1984                       ▎ -▊▐●▌ Dune 2021                       ▎ -▊▐●▌ Serenity                        ▎ -▊▐●▌ Star Trek: The Motion Picture   ▎ -▊▐●▌ Star Wars: A New Hope           ▎ -▊▐●▌ The Last Starfighter            ▎ -▊▐●▌ Total Recall 👉 🔴              ▎ -▊▐●▌ Wing Commander                  ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - + + + + + + + + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐●▌ Battlestar Galactica▎ +▊▐●▌ Dune 1984                       ▎ +▊▐●▌ Dune 2021                       ▎ +▊▐●▌ Serenity                        ▎ +▊▐●▌ Star Trek: The Motion Picture   ▎ +▊▐●▌ Star Wars: A New Hope           ▎ +▊▐●▌ The Last Starfighter            ▎ +▊▐●▌ Total Recall 👉 🔴              ▎ +▊▐●▌ Wing Commander                  ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg index 4fda817000..086bcc980d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_example.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-2574912725-matrix { + .terminal-518112011-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2574912725-title { + .terminal-518112011-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2574912725-r1 { fill: #e0e0e0 } -.terminal-2574912725-r2 { fill: #c5c8c6 } -.terminal-2574912725-r3 { fill: #121212 } -.terminal-2574912725-r4 { fill: #0178d4 } -.terminal-2574912725-r5 { fill: #191919 } -.terminal-2574912725-r6 { fill: #343f49;font-weight: bold } -.terminal-2574912725-r7 { fill: #1e1e1e;font-weight: bold } -.terminal-2574912725-r8 { fill: #ddedf9;font-weight: bold } -.terminal-2574912725-r9 { fill: #242f38 } -.terminal-2574912725-r10 { fill: #343f49 } -.terminal-2574912725-r11 { fill: #4ebf71;font-weight: bold } -.terminal-2574912725-r12 { fill: #f4005f;font-weight: bold;font-style: italic; } + .terminal-518112011-r1 { fill: #e0e0e0 } +.terminal-518112011-r2 { fill: #c5c8c6 } +.terminal-518112011-r3 { fill: #121212 } +.terminal-518112011-r4 { fill: #0178d4 } +.terminal-518112011-r5 { fill: #191919 } +.terminal-518112011-r6 { fill: #242f38;font-weight: bold } +.terminal-518112011-r7 { fill: #000f18;font-weight: bold } +.terminal-518112011-r8 { fill: #ddedf9;font-weight: bold } +.terminal-518112011-r9 { fill: #242f38 } +.terminal-518112011-r10 { fill: #000f18 } +.terminal-518112011-r11 { fill: #8ad4a1 } +.terminal-518112011-r12 { fill: #f4005f;font-weight: bold;font-style: italic; } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioChoicesApp + RadioChoicesApp - - - - - - - - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐●▌ Battlestar Galactica▎▊▐●▌ Amanda▎ -▊▐●▌ Dune 1984                   ▎▊▐●▌ Connor MacLeod              ▎ -▊▐●▌ Dune 2021                   ▎▊▐●▌ Duncan MacLeod              ▎ -▊▐●▌ Serenity                    ▎▊▐●▌ Heather MacLeod             ▎ -▊▐●▌ Star Trek: The Motion Pictur▎▊▐●▌ Joe Dawson                  ▎ -▊▐●▌ Star Wars: A New Hope       ▎▊▐●▌ Kurgan, The▎ -▊▐●▌ The Last Starfighter        ▎▊▐●▌ Methos                      ▎ -▊▐●▌ Total Recall 👉 🔴          ▎▊▐●▌ Rachel Ellenstein           ▎ -▊▐●▌ Wing Commander              ▎▊▐●▌ Ramírez                     ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - + + + + + + + + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐●▌ Battlestar Galactica▎▊▐●▌ Amanda▎ +▊▐●▌ Dune 1984                   ▎▊▐●▌ Connor MacLeod              ▎ +▊▐●▌ Dune 2021                   ▎▊▐●▌ Duncan MacLeod              ▎ +▊▐●▌ Serenity                    ▎▊▐●▌ Heather MacLeod             ▎ +▊▐●▌ Star Trek: The Motion Pictur▎▊▐●▌ Joe Dawson                  ▎ +▊▐●▌ Star Wars: A New Hope       ▎▊▐●▌ Kurgan, The▎ +▊▐●▌ The Last Starfighter        ▎▊▐●▌ Methos                      ▎ +▊▐●▌ Total Recall 👉 🔴          ▎▊▐●▌ Rachel Ellenstein           ▎ +▊▐●▌ Wing Commander              ▎▊▐●▌ Ramírez                     ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg index f04019c08f..ee726f972d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_radio_set_is_scrollable.svg @@ -19,138 +19,139 @@ font-weight: 700; } - .terminal-4037661648-matrix { + .terminal-3417492117-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4037661648-title { + .terminal-3417492117-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4037661648-r1 { fill: #121212 } -.terminal-4037661648-r2 { fill: #0178d4 } -.terminal-4037661648-r3 { fill: #e0e0e0 } -.terminal-4037661648-r4 { fill: #c5c8c6 } -.terminal-4037661648-r5 { fill: #343f49 } -.terminal-4037661648-r6 { fill: #1e1e1e;font-weight: bold } -.terminal-4037661648-r7 { fill: #343f49;font-weight: bold } -.terminal-4037661648-r8 { fill: #ddedf9;font-weight: bold } -.terminal-4037661648-r9 { fill: #272727 } + .terminal-3417492117-r1 { fill: #121212 } +.terminal-3417492117-r2 { fill: #0178d4 } +.terminal-3417492117-r3 { fill: #e0e0e0 } +.terminal-3417492117-r4 { fill: #c5c8c6 } +.terminal-3417492117-r5 { fill: #242f38 } +.terminal-3417492117-r6 { fill: #000f18 } +.terminal-3417492117-r7 { fill: #242f38;font-weight: bold } +.terminal-3417492117-r8 { fill: #000f18;font-weight: bold } +.terminal-3417492117-r9 { fill: #ddedf9;font-weight: bold } +.terminal-3417492117-r10 { fill: #272727 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - RadioSetApp + RadioSetApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐●▌ This is option #7▎ -▊▐●▌ This is option #8▎ -▊▐●▌ This is option #9▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - - - - - - - - - - - - - + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐●▌ This is option #7▎ +▊▐●▌ This is option #8▎ +▊▐●▌ This is option #9▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg index 0f03f630db..151260b706 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg @@ -19,140 +19,141 @@ font-weight: 700; } - .terminal-1105249841-matrix { + .terminal-765968717-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1105249841-title { + .terminal-765968717-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1105249841-r1 { fill: #c5c8c6 } -.terminal-1105249841-r2 { fill: #e0e0e0 } -.terminal-1105249841-r3 { fill: #121212 } -.terminal-1105249841-r4 { fill: #0178d4 } -.terminal-1105249841-r5 { fill: #343f49;font-weight: bold } -.terminal-1105249841-r6 { fill: #1e1e1e;font-weight: bold } -.terminal-1105249841-r7 { fill: #ddedf9;font-weight: bold } -.terminal-1105249841-r8 { fill: #343f49 } -.terminal-1105249841-r9 { fill: #495259 } -.terminal-1105249841-r10 { fill: #ffa62b;font-weight: bold } + .terminal-765968717-r1 { fill: #c5c8c6 } +.terminal-765968717-r2 { fill: #e0e0e0 } +.terminal-765968717-r3 { fill: #121212 } +.terminal-765968717-r4 { fill: #0178d4 } +.terminal-765968717-r5 { fill: #242f38;font-weight: bold } +.terminal-765968717-r6 { fill: #000f18;font-weight: bold } +.terminal-765968717-r7 { fill: #ddedf9;font-weight: bold } +.terminal-765968717-r8 { fill: #242f38 } +.terminal-765968717-r9 { fill: #000f18 } +.terminal-765968717-r10 { fill: #495259 } +.terminal-765968717-r11 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ForecastApp + ForecastApp - - - - ⭘                              ForecastApp                           - Profile  -▊▔▔▔▔▔▔▔▔▔▎ -▊▐●▌ Foo▎ -▊▐●▌ Bar▎ -▊▁▁▁▁▁▁▁▁▁▎ - - - - - - - - - - - - - - - - - -▏^p palette + + + + ⭘                              ForecastApp                           + Profile  +▊▔▔▔▔▔▔▔▔▔▎ +▊▐●▌ Foo▎ +▊▐●▌ Bar▎ +▊▁▁▁▁▁▁▁▁▁▎ + + + + + + + + + + + + + + + + + +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg index 4aa03ec4eb..9c4fa77306 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_tab_no_animation.svg @@ -19,135 +19,135 @@ font-weight: 700; } - .terminal-4180841393-matrix { + .terminal-3349978272-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4180841393-title { + .terminal-3349978272-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4180841393-r1 { fill: #e0e0e0 } -.terminal-4180841393-r2 { fill: #c5c8c6 } -.terminal-4180841393-r3 { fill: #ddedf9;font-weight: bold } -.terminal-4180841393-r4 { fill: #797979 } -.terminal-4180841393-r5 { fill: #4f4f4f } -.terminal-4180841393-r6 { fill: #0178d4 } + .terminal-3349978272-r1 { fill: #c5c8c6 } +.terminal-3349978272-r2 { fill: #ddedf9;font-weight: bold } +.terminal-3349978272-r3 { fill: #797979 } +.terminal-3349978272-r4 { fill: #e0e0e0 } +.terminal-3349978272-r5 { fill: #4f4f4f } +.terminal-3349978272-r6 { fill: #0178d4 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ReproApp + ReproApp - - - - bar22baz333qux4444 -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -bar contents                                                                     - - - - - - - - - - - - - - - - - - - - + + + + bar22baz333qux4444 +╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +bar contents                                                                     + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg index ae521c0739..823b7c54ab 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg @@ -19,144 +19,144 @@ font-weight: 700; } - .terminal-3313407873-matrix { + .terminal-160263089-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3313407873-title { + .terminal-160263089-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3313407873-r1 { fill: #121212 } -.terminal-3313407873-r2 { fill: #191919 } -.terminal-3313407873-r3 { fill: #e0e0e0 } -.terminal-3313407873-r4 { fill: #c5c8c6 } -.terminal-3313407873-r5 { fill: #3b3b3b } -.terminal-3313407873-r6 { fill: #0d0d0d;font-weight: bold } -.terminal-3313407873-r7 { fill: #003054 } -.terminal-3313407873-r8 { fill: #000000 } -.terminal-3313407873-r9 { fill: #495259 } -.terminal-3313407873-r10 { fill: #ffa62b;font-weight: bold } + .terminal-160263089-r1 { fill: #121212 } +.terminal-160263089-r2 { fill: #191919 } +.terminal-160263089-r3 { fill: #e0e0e0 } +.terminal-160263089-r4 { fill: #c5c8c6 } +.terminal-160263089-r5 { fill: #242f38 } +.terminal-160263089-r6 { fill: #000f18 } +.terminal-160263089-r7 { fill: #003054 } +.terminal-160263089-r8 { fill: #000000 } +.terminal-160263089-r9 { fill: #495259 } +.terminal-160263089-r10 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ScrollOffByOne + ScrollOffByOne - - - - ▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 43▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 44▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 45▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 46▎▄▄ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎▃▃ -▊▐X▌ 47▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 48▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 49▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -▊▐X▌ 50▎ -▊▁▁▁▁▁▁▁▁▎ -▏^p palette + + + + ▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 43▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 44▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 45▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 46▎▄▄ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎▃▃ +▊▐X▌ 47▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 48▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 49▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +▊▐X▌ 50▎ +▊▁▁▁▁▁▁▁▁▎ +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg index 462394d027..c7dbb25e01 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_expanded.svg @@ -19,136 +19,137 @@ font-weight: 700; } - .terminal-597330113-matrix { + .terminal-1614711097-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-597330113-title { + .terminal-1614711097-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-597330113-r1 { fill: #c5c8c6 } -.terminal-597330113-r2 { fill: #e0e0e0 } -.terminal-597330113-r3 { fill: #121212 } -.terminal-597330113-r4 { fill: #7f7f7f } -.terminal-597330113-r5 { fill: #0178d4 } -.terminal-597330113-r6 { fill: #ddedf9;font-weight: bold } -.terminal-597330113-r7 { fill: #85beea;font-weight: bold } + .terminal-1614711097-r1 { fill: #c5c8c6 } +.terminal-1614711097-r2 { fill: #e0e0e0 } +.terminal-1614711097-r3 { fill: #121212 } +.terminal-1614711097-r4 { fill: #191919 } +.terminal-1614711097-r5 { fill: #7f7f7f } +.terminal-1614711097-r6 { fill: #0178d4 } +.terminal-1614711097-r7 { fill: #ddedf9;font-weight: bold } +.terminal-1614711097-r8 { fill: #85beea;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - ⭘                               SelectApp                            - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▲▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▎ -▊ I must not fear.                                       ▎ -▊ Fear is the mind-killer.                               ▎ -▊ Fear is the little-death that brings total             ▎ -▊ obliteration.                                          ▎ -▊ I will face my fear.                                   ▎ -▊ I will permit it to pass over me and through me.       ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - - - + + + + ⭘                               SelectApp                            + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▲▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▎ +▊ I must not fear.                                       ▎ +▊ Fear is the mind-killer.                               ▎ +▊ Fear is the little-death that brings total             ▎ +▊ obliteration.                                          ▎ +▊ I will face my fear.                                   ▎ +▊ I will permit it to pass over me and through me.       ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg index 462394d027..c7dbb25e01 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_from_values_expanded.svg @@ -19,136 +19,137 @@ font-weight: 700; } - .terminal-597330113-matrix { + .terminal-1614711097-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-597330113-title { + .terminal-1614711097-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-597330113-r1 { fill: #c5c8c6 } -.terminal-597330113-r2 { fill: #e0e0e0 } -.terminal-597330113-r3 { fill: #121212 } -.terminal-597330113-r4 { fill: #7f7f7f } -.terminal-597330113-r5 { fill: #0178d4 } -.terminal-597330113-r6 { fill: #ddedf9;font-weight: bold } -.terminal-597330113-r7 { fill: #85beea;font-weight: bold } + .terminal-1614711097-r1 { fill: #c5c8c6 } +.terminal-1614711097-r2 { fill: #e0e0e0 } +.terminal-1614711097-r3 { fill: #121212 } +.terminal-1614711097-r4 { fill: #191919 } +.terminal-1614711097-r5 { fill: #7f7f7f } +.terminal-1614711097-r6 { fill: #0178d4 } +.terminal-1614711097-r7 { fill: #ddedf9;font-weight: bold } +.terminal-1614711097-r8 { fill: #85beea;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectApp + SelectApp - - - - ⭘                               SelectApp                            - - -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▲▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▎ -▊ I must not fear.                                       ▎ -▊ Fear is the mind-killer.                               ▎ -▊ Fear is the little-death that brings total             ▎ -▊ obliteration.                                          ▎ -▊ I will face my fear.                                   ▎ -▊ I will permit it to pass over me and through me.       ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - - - + + + + ⭘                               SelectApp                            + + +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▲▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▎ +▊ I must not fear.                                       ▎ +▊ Fear is the mind-killer.                               ▎ +▊ Fear is the little-death that brings total             ▎ +▊ obliteration.                                          ▎ +▊ I will face my fear.                                   ▎ +▊ I will permit it to pass over me and through me.       ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg index 69eec6fe4f..578813ee73 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_select_rebuild.svg @@ -19,136 +19,137 @@ font-weight: 700; } - .terminal-2156265310-matrix { + .terminal-2957639638-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2156265310-title { + .terminal-2957639638-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2156265310-r1 { fill: #121212 } -.terminal-2156265310-r2 { fill: #c5c8c6 } -.terminal-2156265310-r3 { fill: #7f7f7f } -.terminal-2156265310-r4 { fill: #0178d4 } -.terminal-2156265310-r5 { fill: #ddedf9;font-weight: bold } -.terminal-2156265310-r6 { fill: #85beea;font-weight: bold } -.terminal-2156265310-r7 { fill: #e0e0e0 } + .terminal-2957639638-r1 { fill: #121212 } +.terminal-2957639638-r2 { fill: #191919 } +.terminal-2957639638-r3 { fill: #c5c8c6 } +.terminal-2957639638-r4 { fill: #7f7f7f } +.terminal-2957639638-r5 { fill: #0178d4 } +.terminal-2957639638-r6 { fill: #ddedf9;font-weight: bold } +.terminal-2957639638-r7 { fill: #85beea;font-weight: bold } +.terminal-2957639638-r8 { fill: #e0e0e0 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectRebuildApp + SelectRebuildApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▲▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊Select▎ -▊ This                                                                       ▎ -▊ Should                                                                     ▎ -▊ Be                                                                         ▎ -▊ What                                                                       ▎ -▊ Goes                                                                       ▎ -▊ Into                                                                       ▎ -▊ The                                                                        ▎ -▊ Snapshit                                                                   ▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - - - - - - - - - + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▲▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊Select▎ +▊ This                                                                       ▎ +▊ Should                                                                     ▎ +▊ Be                                                                         ▎ +▊ What                                                                       ▎ +▊ Goes                                                                       ▎ +▊ Into                                                                       ▎ +▊ The                                                                        ▎ +▊ Snapshit                                                                   ▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg index 9c028f9998..52fb82e145 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg @@ -19,141 +19,141 @@ font-weight: 700; } - .terminal-2065759769-matrix { + .terminal-3538746194-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2065759769-title { + .terminal-3538746194-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2065759769-r1 { fill: #c5c8c6 } -.terminal-2065759769-r2 { fill: #e0e0e0 } -.terminal-2065759769-r3 { fill: #fea62b } -.terminal-2065759769-r4 { fill: #e0e0e0;font-weight: bold } -.terminal-2065759769-r5 { fill: #343f49 } -.terminal-2065759769-r6 { fill: #4ebf71 } -.terminal-2065759769-r7 { fill: #ddedf9;font-weight: bold } -.terminal-2065759769-r8 { fill: #98e024 } -.terminal-2065759769-r9 { fill: #0d0d0d } -.terminal-2065759769-r10 { fill: #495259 } -.terminal-2065759769-r11 { fill: #ffa62b;font-weight: bold } + .terminal-3538746194-r1 { fill: #c5c8c6 } +.terminal-3538746194-r2 { fill: #e0e0e0 } +.terminal-3538746194-r3 { fill: #fea62b } +.terminal-3538746194-r4 { fill: #e0e0e0;font-weight: bold } +.terminal-3538746194-r5 { fill: #242f38 } +.terminal-3538746194-r6 { fill: #8ad4a1 } +.terminal-3538746194-r7 { fill: #ddedf9;font-weight: bold } +.terminal-3538746194-r8 { fill: #98e024 } +.terminal-3538746194-r9 { fill: #000f18 } +.terminal-3538746194-r10 { fill: #495259 } +.terminal-3538746194-r11 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - ⭘                            SelectionListApp                        - - -┌─ Shall we play some games? ──┐┌─ Selected games ─────────────┐ -│││[│ -│▐X▌ Falken's Maze           ││'secret_back_door',│ -│▐X▌ Black Jack              ││'a_nice_game_of_chess',│ -│▐X▌ Gin Rummy               ││'fighter_combat'│ -│▐X▌ Hearts                  ││]│ -│▐X▌ Bridge                  │└──────────────────────────────┘ -│▐X▌ Checkers                │ -│▐X▌ Chess                   │ -│▐X▌ Poker                   │ -│▐X▌ Fighter Combat          │ -││ -└──────────────────────────────┘ - - - - - - - -▏^p palette + + + + ⭘                            SelectionListApp                        + + +┌─ Shall we play some games? ──┐┌─ Selected games ─────────────┐ +│││[│ +│▐X▌ Falken's Maze           ││'secret_back_door',│ +│▐X▌ Black Jack              ││'a_nice_game_of_chess',│ +│▐X▌ Gin Rummy               ││'fighter_combat'│ +│▐X▌ Hearts                  ││]│ +│▐X▌ Bridge                  │└──────────────────────────────┘ +│▐X▌ Checkers                │ +│▐X▌ Chess                   │ +│▐X▌ Poker                   │ +│▐X▌ Fighter Combat          │ +││ +└──────────────────────────────┘ + + + + + + + +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg index 1e571117a8..985d61cdd2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-2594705174-matrix { + .terminal-2022313039-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2594705174-title { + .terminal-2022313039-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2594705174-r1 { fill: #c5c8c6 } -.terminal-2594705174-r2 { fill: #e0e0e0 } -.terminal-2594705174-r3 { fill: #fea62b } -.terminal-2594705174-r4 { fill: #343f49 } -.terminal-2594705174-r5 { fill: #4ebf71 } -.terminal-2594705174-r6 { fill: #ddedf9;font-weight: bold } -.terminal-2594705174-r7 { fill: #0d0d0d } -.terminal-2594705174-r8 { fill: #495259 } -.terminal-2594705174-r9 { fill: #ffa62b;font-weight: bold } + .terminal-2022313039-r1 { fill: #c5c8c6 } +.terminal-2022313039-r2 { fill: #e0e0e0 } +.terminal-2022313039-r3 { fill: #fea62b } +.terminal-2022313039-r4 { fill: #242f38 } +.terminal-2022313039-r5 { fill: #8ad4a1 } +.terminal-2022313039-r6 { fill: #ddedf9;font-weight: bold } +.terminal-2022313039-r7 { fill: #000f18 } +.terminal-2022313039-r8 { fill: #495259 } +.terminal-2022313039-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - ⭘                            SelectionListApp                        - - -┌─ Shall we play some games? ──────────────────────────────────┐ -││ -│▐X▌ Falken's Maze                                           │ -│▐X▌ Black Jack                                              │ -│▐X▌ Gin Rummy                                               │ -│▐X▌ Hearts                                                  │ -│▐X▌ Bridge                                                  │ -│▐X▌ Checkers                                                │ -│▐X▌ Chess                                                   │ -│▐X▌ Poker                                                   │ -│▐X▌ Fighter Combat                                          │ -││ -││ -││ -││ -││ -└──────────────────────────────────────────────────────────────┘ - - - -▏^p palette + + + + ⭘                            SelectionListApp                        + + +┌─ Shall we play some games? ──────────────────────────────────┐ +││ +│▐X▌ Falken's Maze                                           │ +│▐X▌ Black Jack                                              │ +│▐X▌ Gin Rummy                                               │ +│▐X▌ Hearts                                                  │ +│▐X▌ Bridge                                                  │ +│▐X▌ Checkers                                                │ +│▐X▌ Chess                                                   │ +│▐X▌ Poker                                                   │ +│▐X▌ Fighter Combat                                          │ +││ +││ +││ +││ +││ +└──────────────────────────────────────────────────────────────┘ + + + +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg index 1e571117a8..985d61cdd2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-2594705174-matrix { + .terminal-2022313039-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2594705174-title { + .terminal-2022313039-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2594705174-r1 { fill: #c5c8c6 } -.terminal-2594705174-r2 { fill: #e0e0e0 } -.terminal-2594705174-r3 { fill: #fea62b } -.terminal-2594705174-r4 { fill: #343f49 } -.terminal-2594705174-r5 { fill: #4ebf71 } -.terminal-2594705174-r6 { fill: #ddedf9;font-weight: bold } -.terminal-2594705174-r7 { fill: #0d0d0d } -.terminal-2594705174-r8 { fill: #495259 } -.terminal-2594705174-r9 { fill: #ffa62b;font-weight: bold } + .terminal-2022313039-r1 { fill: #c5c8c6 } +.terminal-2022313039-r2 { fill: #e0e0e0 } +.terminal-2022313039-r3 { fill: #fea62b } +.terminal-2022313039-r4 { fill: #242f38 } +.terminal-2022313039-r5 { fill: #8ad4a1 } +.terminal-2022313039-r6 { fill: #ddedf9;font-weight: bold } +.terminal-2022313039-r7 { fill: #000f18 } +.terminal-2022313039-r8 { fill: #495259 } +.terminal-2022313039-r9 { fill: #ffa62b;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SelectionListApp + SelectionListApp - - - - ⭘                            SelectionListApp                        - - -┌─ Shall we play some games? ──────────────────────────────────┐ -││ -│▐X▌ Falken's Maze                                           │ -│▐X▌ Black Jack                                              │ -│▐X▌ Gin Rummy                                               │ -│▐X▌ Hearts                                                  │ -│▐X▌ Bridge                                                  │ -│▐X▌ Checkers                                                │ -│▐X▌ Chess                                                   │ -│▐X▌ Poker                                                   │ -│▐X▌ Fighter Combat                                          │ -││ -││ -││ -││ -││ -└──────────────────────────────────────────────────────────────┘ - - - -▏^p palette + + + + ⭘                            SelectionListApp                        + + +┌─ Shall we play some games? ──────────────────────────────────┐ +││ +│▐X▌ Falken's Maze                                           │ +│▐X▌ Black Jack                                              │ +│▐X▌ Gin Rummy                                               │ +│▐X▌ Hearts                                                  │ +│▐X▌ Bridge                                                  │ +│▐X▌ Checkers                                                │ +│▐X▌ Chess                                                   │ +│▐X▌ Poker                                                   │ +│▐X▌ Fighter Combat                                          │ +││ +││ +││ +││ +││ +└──────────────────────────────────────────────────────────────┘ + + + +▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg index 4e43a13af8..de337c14a5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_switches.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-1618848230-matrix { + .terminal-2589697935-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1618848230-title { + .terminal-2589697935-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1618848230-r1 { fill: #e0e0e0 } -.terminal-1618848230-r2 { fill: #c5c8c6 } -.terminal-1618848230-r3 { fill: #e0e0e0;font-weight: bold } -.terminal-1618848230-r4 { fill: #121212 } -.terminal-1618848230-r5 { fill: #0178d4 } -.terminal-1618848230-r6 { fill: #272727 } -.terminal-1618848230-r7 { fill: #191919 } -.terminal-1618848230-r8 { fill: #1e1e1e } -.terminal-1618848230-r9 { fill: #2f4f4f } + .terminal-2589697935-r1 { fill: #e0e0e0 } +.terminal-2589697935-r2 { fill: #c5c8c6 } +.terminal-2589697935-r3 { fill: #e0e0e0;font-weight: bold } +.terminal-2589697935-r4 { fill: #121212 } +.terminal-2589697935-r5 { fill: #0178d4 } +.terminal-2589697935-r6 { fill: #272727 } +.terminal-2589697935-r7 { fill: #191919 } +.terminal-2589697935-r8 { fill: #1e1e1e } +.terminal-2589697935-r9 { fill: #2f4f4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SwitchApp + SwitchApp - - - - - - - -Example switches - - -▊▔▔▔▔▔▔▔▔▎ -                              off:     ▊▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -                              on:      ▊▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -                              focused: ▊▎ -▊▁▁▁▁▁▁▁▁▎ -▊▔▔▔▔▔▔▔▔▎ -                              custom:  ▊▎ -▊▁▁▁▁▁▁▁▁▎ - - - - + + + + + + + +Example switches + + +▊▔▔▔▔▔▔▔▔▎ +                              off:     ▊▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +                              on:      ▊▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +                              focused: ▊▎ +▊▁▁▁▁▁▁▁▁▎ +▊▔▔▔▔▔▔▔▔▎ +                              custom:  ▊▎ +▊▁▁▁▁▁▁▁▁▎ + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg index dbb425da5e..3f88acaab0 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_system_commands.svg @@ -19,164 +19,164 @@ font-weight: 700; } - .terminal-3076581726-matrix { + .terminal-4115527248-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3076581726-title { + .terminal-4115527248-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3076581726-r1 { fill: #121212 } -.terminal-3076581726-r2 { fill: #0b3a5f } -.terminal-3076581726-r3 { fill: #c5c8c6 } -.terminal-3076581726-r4 { fill: #e0e0e0 } -.terminal-3076581726-r5 { fill: #0178d4 } -.terminal-3076581726-r6 { fill: #00ff00 } -.terminal-3076581726-r7 { fill: #000000 } -.terminal-3076581726-r8 { fill: #6d7479 } -.terminal-3076581726-r9 { fill: #e0e0e0;font-weight: bold } -.terminal-3076581726-r10 { fill: #a1a5a8 } -.terminal-3076581726-r11 { fill: #646464 } + .terminal-4115527248-r1 { fill: #121212 } +.terminal-4115527248-r2 { fill: #0b3a5f } +.terminal-4115527248-r3 { fill: #c5c8c6 } +.terminal-4115527248-r4 { fill: #e0e0e0 } +.terminal-4115527248-r5 { fill: #0178d4 } +.terminal-4115527248-r6 { fill: #00ff00 } +.terminal-4115527248-r7 { fill: #000000 } +.terminal-4115527248-r8 { fill: #737373 } +.terminal-4115527248-r9 { fill: #e0e0e0;font-weight: bold } +.terminal-4115527248-r10 { fill: #a5a5a5 } +.terminal-4115527248-r11 { fill: #646464 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - SimpleApp + SimpleApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - -🔎Search for commands… - - -  Change theme                                                                                       -Change the current theme -  Maximize                                                                                           -Maximize the focused widget -  Quit the application                                                                               -Quit the application as soon as possible -  Save screenshot                                                                                    -Save an SVG 'screenshot' of the current screen -  Show keys and help panel                                                                           -Show help for the focused widget and a summary of available keys -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + +🔎Search for commands… + + +  Change theme                                                                                       +Change the current theme +  Maximize                                                                                           +Maximize the focused widget +  Quit the application                                                                               +Quit the application as soon as possible +  Save screenshot                                                                                    +Save an SVG 'screenshot' of the current screen +  Show keys and help panel                                                                           +Show help for the focused widget and a summary of available keys +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg index b56294bf64..03d02ba61a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tab_rename.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-2891548582-matrix { + .terminal-3057996020-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2891548582-title { + .terminal-3057996020-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2891548582-r1 { fill: #e0e0e0 } -.terminal-2891548582-r2 { fill: #c5c8c6 } -.terminal-2891548582-r3 { fill: #ddedf9;font-weight: bold } -.terminal-2891548582-r4 { fill: #797979 } -.terminal-2891548582-r5 { fill: #4f4f4f } -.terminal-2891548582-r6 { fill: #0178d4 } -.terminal-2891548582-r7 { fill: #e0e0e0;font-weight: bold } + .terminal-3057996020-r1 { fill: #c5c8c6 } +.terminal-3057996020-r2 { fill: #ddedf9;font-weight: bold } +.terminal-3057996020-r3 { fill: #797979 } +.terminal-3057996020-r4 { fill: #e0e0e0 } +.terminal-3057996020-r5 { fill: #4f4f4f } +.terminal-3057996020-r6 { fill: #0178d4 } +.terminal-3057996020-r7 { fill: #e0e0e0;font-weight: bold } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabRenameApp + TabRenameApp - - - - This is a much longer label for the tab011222333344444 -━╸━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -TabPane#test - - - - - - - - - - - - - - - - - - - - + + + + This is a much longer label for the tab011222333344444 +╸━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +TabPane#test + + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg index 326d02d025..2a8d264a5e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg @@ -19,140 +19,140 @@ font-weight: 700; } - .terminal-2785114842-matrix { + .terminal-3463903038-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2785114842-title { + .terminal-3463903038-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2785114842-r1 { fill: #e0e0e0 } -.terminal-2785114842-r2 { fill: #c5c8c6 } -.terminal-2785114842-r3 { fill: #797979 } -.terminal-2785114842-r4 { fill: #ddedf9;font-weight: bold } -.terminal-2785114842-r5 { fill: #4f4f4f } -.terminal-2785114842-r6 { fill: #0178d4 } -.terminal-2785114842-r7 { fill: #0178d4;font-weight: bold } -.terminal-2785114842-r8 { fill: #262626 } -.terminal-2785114842-r9 { fill: #ffa62b;font-weight: bold } -.terminal-2785114842-r10 { fill: #495259 } + .terminal-3463903038-r1 { fill: #c5c8c6 } +.terminal-3463903038-r2 { fill: #797979 } +.terminal-3463903038-r3 { fill: #ddedf9;font-weight: bold } +.terminal-3463903038-r4 { fill: #e0e0e0 } +.terminal-3463903038-r5 { fill: #4f4f4f } +.terminal-3463903038-r6 { fill: #0178d4 } +.terminal-3463903038-r7 { fill: #0178d4;font-weight: bold } +.terminal-3463903038-r8 { fill: #262626 } +.terminal-3463903038-r9 { fill: #ffa62b;font-weight: bold } +.terminal-3463903038-r10 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - LetoJessicaPaul -━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - -                                Lady Jessica                                 - -Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - -PaulAlia -━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -First child                                                                      - - - - - - - - - - - - l Leto  j Jessica  p Paul                                          ▏^p palette + + + + LetoJessicaPaul +━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + +                                Lady Jessica                                 + +Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + +PaulAlia +╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +First child                                                                      + + + + + + + + + + + + l Leto  j Jessica  p Paul                                          ▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg index 446f0db792..fe45688bf5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_styling_not_leaking.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-3915746814-matrix { + .terminal-4290533196-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3915746814-title { + .terminal-4290533196-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3915746814-r1 { fill: #e0e0e0 } -.terminal-3915746814-r2 { fill: #c5c8c6 } -.terminal-3915746814-r3 { fill: #ddedf9;font-weight: bold } -.terminal-3915746814-r4 { fill: #4f4f4f } -.terminal-3915746814-r5 { fill: #0178d4 } -.terminal-3915746814-r6 { fill: #2d2d2d } -.terminal-3915746814-r7 { fill: #e0e0e0;font-weight: bold } -.terminal-3915746814-r8 { fill: #0d0d0d } -.terminal-3915746814-r9 { fill: #797979 } -.terminal-3915746814-r10 { fill: #262626 } + .terminal-4290533196-r1 { fill: #c5c8c6 } +.terminal-4290533196-r2 { fill: #ddedf9;font-weight: bold } +.terminal-4290533196-r3 { fill: #e0e0e0 } +.terminal-4290533196-r4 { fill: #4f4f4f } +.terminal-4290533196-r5 { fill: #0178d4 } +.terminal-4290533196-r6 { fill: #2d2d2d } +.terminal-4290533196-r7 { fill: #e0e0e0;font-weight: bold } +.terminal-4290533196-r8 { fill: #0d0d0d } +.terminal-4290533196-r9 { fill: #797979 } +.terminal-4290533196-r10 { fill: #262626 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedContentStyleLeakTestApp + TabbedContentStyleLeakTestApp - - - - Leak Test -━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -This label should come first                                                     -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - This button should come second  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -TheseTabsShouldComeLast -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - - - - - - - - - - - - + + + + Leak Test +╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +This label should come first                                                     +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + This button should come second  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +TheseTabsShouldComeLast +╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg index d88593a348..6331c437bd 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content_with_modified_tabs.svg @@ -19,139 +19,139 @@ font-weight: 700; } - .terminal-2955853041-matrix { + .terminal-3843185498-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2955853041-title { + .terminal-3843185498-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2955853041-r1 { fill: #e0e0e0 } -.terminal-2955853041-r2 { fill: #c5c8c6 } -.terminal-2955853041-r3 { fill: #ddedf9;font-weight: bold } -.terminal-2955853041-r4 { fill: #454545 } -.terminal-2955853041-r5 { fill: #797979 } -.terminal-2955853041-r6 { fill: #4f4f4f } -.terminal-2955853041-r7 { fill: #0178d4 } -.terminal-2955853041-r8 { fill: #981515 } -.terminal-2955853041-r9 { fill: #e99c9c } -.terminal-2955853041-r10 { fill: #880606 } + .terminal-3843185498-r1 { fill: #c5c8c6 } +.terminal-3843185498-r2 { fill: #ddedf9;font-weight: bold } +.terminal-3843185498-r3 { fill: #454545 } +.terminal-3843185498-r4 { fill: #797979 } +.terminal-3843185498-r5 { fill: #e0e0e0 } +.terminal-3843185498-r6 { fill: #4f4f4f } +.terminal-3843185498-r7 { fill: #0178d4 } +.terminal-3843185498-r8 { fill: #981515 } +.terminal-3843185498-r9 { fill: #e99c9c } +.terminal-3843185498-r10 { fill: #880606 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FiddleWithTabsApp + FiddleWithTabsApp - - - - Tab 1Tab 2Tab 4Tab 5 -━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button  -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - - - + + + + Tab 1Tab 2Tab 4Tab 5 +╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button  +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg index 0bb637e875..af3397f8c2 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabs_invalidate.svg @@ -19,136 +19,136 @@ font-weight: 700; } - .terminal-1335058511-matrix { + .terminal-959304644-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1335058511-title { + .terminal-959304644-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1335058511-r1 { fill: #e0e0e0 } -.terminal-1335058511-r2 { fill: #c5c8c6 } -.terminal-1335058511-r3 { fill: #797979 } -.terminal-1335058511-r4 { fill: #ddedf9;font-weight: bold } -.terminal-1335058511-r5 { fill: #4f4f4f } -.terminal-1335058511-r6 { fill: #0178d4 } -.terminal-1335058511-r7 { fill: #0000ff } + .terminal-959304644-r1 { fill: #c5c8c6 } +.terminal-959304644-r2 { fill: #797979 } +.terminal-959304644-r3 { fill: #ddedf9;font-weight: bold } +.terminal-959304644-r4 { fill: #e0e0e0 } +.terminal-959304644-r5 { fill: #4f4f4f } +.terminal-959304644-r6 { fill: #0178d4 } +.terminal-959304644-r7 { fill: #0000ff } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabApp + TabApp - - - - Tab 1Tab 2 -━━━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -┌──────────────────────────────────────────────────────────────────────────────┐ -│world                                                                         │ -└──────────────────────────────────────────────────────────────────────────────┘ - - - - - - - - - - - - - - - - - - + + + + Tab 1Tab 2 +━━━━━━━╸━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +┌──────────────────────────────────────────────────────────────────────────────┐ +│world                                                                         │ +└──────────────────────────────────────────────────────────────────────────────┘ + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg index 826915f2da..c45be71fb5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg @@ -19,156 +19,156 @@ font-weight: 700; } - .terminal-1425944320-matrix { + .terminal-4030636661-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1425944320-title { + .terminal-4030636661-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1425944320-r1 { fill: #e0e0e0 } -.terminal-1425944320-r2 { fill: #c5c8c6 } -.terminal-1425944320-r3 { fill: #ddedf9;font-weight: bold } -.terminal-1425944320-r4 { fill: #797979 } -.terminal-1425944320-r5 { fill: #4f4f4f } -.terminal-1425944320-r6 { fill: #0178d4 } -.terminal-1425944320-r7 { fill: #2d2d2d } -.terminal-1425944320-r8 { fill: #121212 } -.terminal-1425944320-r9 { fill: #e0e0e0;font-weight: bold } -.terminal-1425944320-r10 { fill: #000000 } -.terminal-1425944320-r11 { fill: #0d0d0d } -.terminal-1425944320-r12 { fill: #1e1e1e } -.terminal-1425944320-r13 { fill: #e1e1e1;font-weight: bold } -.terminal-1425944320-r14 { fill: #dde6f1 } -.terminal-1425944320-r15 { fill: #99b3d4 } -.terminal-1425944320-r16 { fill: #dde8f3 } -.terminal-1425944320-r17 { fill: #99badd } -.terminal-1425944320-r18 { fill: #ddeaf6 } -.terminal-1425944320-r19 { fill: #99c1e5 } -.terminal-1425944320-r20 { fill: #ddedf9 } -.terminal-1425944320-r21 { fill: #99c9ed } -.terminal-1425944320-r22 { fill: #e4effc } -.terminal-1425944320-r23 { fill: #aed0f6 } -.terminal-1425944320-r24 { fill: #003054 } -.terminal-1425944320-r25 { fill: #ffa62b;font-weight: bold } -.terminal-1425944320-r26 { fill: #495259 } + .terminal-4030636661-r1 { fill: #c5c8c6 } +.terminal-4030636661-r2 { fill: #ddedf9;font-weight: bold } +.terminal-4030636661-r3 { fill: #797979 } +.terminal-4030636661-r4 { fill: #e0e0e0 } +.terminal-4030636661-r5 { fill: #4f4f4f } +.terminal-4030636661-r6 { fill: #0178d4 } +.terminal-4030636661-r7 { fill: #2d2d2d } +.terminal-4030636661-r8 { fill: #121212 } +.terminal-4030636661-r9 { fill: #e0e0e0;font-weight: bold } +.terminal-4030636661-r10 { fill: #000000 } +.terminal-4030636661-r11 { fill: #0d0d0d } +.terminal-4030636661-r12 { fill: #1e1e1e } +.terminal-4030636661-r13 { fill: #e1e1e1;font-weight: bold } +.terminal-4030636661-r14 { fill: #dde6f1 } +.terminal-4030636661-r15 { fill: #99b3d4 } +.terminal-4030636661-r16 { fill: #dde8f3 } +.terminal-4030636661-r17 { fill: #99badd } +.terminal-4030636661-r18 { fill: #ddeaf6 } +.terminal-4030636661-r19 { fill: #99c1e5 } +.terminal-4030636661-r20 { fill: #ddedf9 } +.terminal-4030636661-r21 { fill: #99c9ed } +.terminal-4030636661-r22 { fill: #e4effc } +.terminal-4030636661-r23 { fill: #aed0f6 } +.terminal-4030636661-r24 { fill: #003054 } +.terminal-4030636661-r25 { fill: #ffa62b;font-weight: bold } +.terminal-4030636661-r26 { fill: #495259 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - Theme ColorsNamed Colors -━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - primary ▇▇ -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - secondary ▎                              "primary"     -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - background ▎        $primary-darken-3          $text- -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - primary-background ▎        $primary-darken-2          $text- -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▆▆▎ - secondary-background ▎        $primary-darken-1          $text- -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - surface ▎            $primary               $text- -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - panel ▎       $primary-lighten-1          $text- -▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▉ - d Toggle dark mode                                                 ▏^p palette + + + + Theme ColorsNamed Colors +╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary ▇▇ +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary ▎                              "primary"     +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + background ▎        $primary-darken-3          $text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + primary-background ▎        $primary-darken-2          $text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▆▆▎ + secondary-background ▎        $primary-darken-1          $text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + surface ▎            $primary               $text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + panel ▎       $primary-lighten-1          $text- +▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▉ + d Toggle dark mode                                                 ▏^p palette diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg index 6530eb157c..dadeb77b6d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg +++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_toggle_style_order.svg @@ -19,138 +19,138 @@ font-weight: 700; } - .terminal-510270746-matrix { + .terminal-3773634758-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-510270746-title { + .terminal-3773634758-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-510270746-r1 { fill: #121212 } -.terminal-510270746-r2 { fill: #0178d4 } -.terminal-510270746-r3 { fill: #e0e0e0 } -.terminal-510270746-r4 { fill: #c5c8c6 } -.terminal-510270746-r5 { fill: #343f49 } -.terminal-510270746-r6 { fill: #0d0d0d;font-weight: bold } -.terminal-510270746-r7 { fill: #f4005f;font-weight: bold } -.terminal-510270746-r8 { fill: #80bbe9;font-weight: bold } -.terminal-510270746-r9 { fill: #888888 } + .terminal-3773634758-r1 { fill: #121212 } +.terminal-3773634758-r2 { fill: #0178d4 } +.terminal-3773634758-r3 { fill: #e0e0e0 } +.terminal-3773634758-r4 { fill: #c5c8c6 } +.terminal-3773634758-r5 { fill: #242f38 } +.terminal-3773634758-r6 { fill: #000f18 } +.terminal-3773634758-r7 { fill: #f4005f;font-weight: bold } +.terminal-3773634758-r8 { fill: #80bbe9;font-weight: bold } +.terminal-3773634758-r9 { fill: #888888 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CheckboxApp + CheckboxApp - - - - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -▊▐X▌This is just some text.▎ -▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -This is just some text. - - - - - - - - - - - - - - - - - - - + + + + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +▊▐X▌This is just some text.▎ +▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +This is just some text. + + + + + + + + + + + + + + + + + + + diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index aa75d2b491..1b94057834 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -2513,8 +2513,8 @@ def on_mount(self) -> None: assert snap_compare(ThemeApp()) -def test_app_search_opens_and_displays_search_list(snap_compare): - """Test the App.search method for displaying a list of commands.""" +def test_app_search_commands_opens_and_displays_search_list(snap_compare): + """Test the App.search_commands method for displaying a list of commands.""" class SearchApp(App[None]): def compose(self) -> ComposeResult: @@ -2525,7 +2525,7 @@ def callback(): """Dummy no-op callback.""" commands = [("foo", callback), ("bar", callback), ("baz", callback)] - await self.search(commands) + await self.search_commands(commands) async def run_before(pilot: Pilot) -> None: await pilot.press("b") diff --git a/tests/test_app.py b/tests/test_app.py index c6afc60f81..f610428993 100644 --- a/tests/test_app.py +++ b/tests/test_app.py @@ -195,7 +195,7 @@ def callback(): SimpleCommand("Another Command", callback, "Another test command"), ] async with app.run_test() as pilot: - await app.search(commands) + await app.search_commands(commands) await pilot.press("enter", "enter") assert called @@ -216,7 +216,7 @@ def callback(): ("Another Command", callback), ] async with app.run_test() as pilot: - await app.search(commands) + await app.search_commands(commands) await pilot.press("enter", "enter") assert called @@ -225,5 +225,5 @@ async def test_search_with_empty_list(): """Test search with an empty command list doesn't crash.""" app = App[None]() async with app.run_test() as pilot: - await app.search([]) + await app.search_commands([]) await pilot.press("escape") diff --git a/tests/text_area/test_selection.py b/tests/text_area/test_selection.py index 8b5424d2fb..0efc9ca62d 100644 --- a/tests/text_area/test_selection.py +++ b/tests/text_area/test_selection.py @@ -334,3 +334,22 @@ def compose(self) -> ComposeResult: assert text_area.cursor_screen_offset == (5, 1) assert app.cursor_position == (5, 1) + + +async def test_mouse_selection_with_tab_characters(): + """Regression test for https://github.com/Textualize/textual/issues/5212""" + + class TextAreaTabsApp(App): + def compose(self) -> ComposeResult: + yield TextArea(soft_wrap=False, text="\t\t") + + app = TextAreaTabsApp() + async with app.run_test() as pilot: + text_area = pilot.app.query_one(TextArea) + expected_selection = Selection((0, 0), (0, 0)) + assert text_area.selection == expected_selection + + await pilot.mouse_down(text_area, offset=(2, 1)) + await pilot.hover(text_area, offset=(3, 1)) + + assert text_area.selection == expected_selection