diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/AvatarTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/AvatarTestCases.kt index d169ac126..2da1cf787 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/AvatarTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/AvatarTestCases.kt @@ -13,10 +13,13 @@ import com.sdds.compose.uikit.AvatarPlaceholder import com.sdds.compose.uikit.AvatarStatus import com.sdds.compose.uikit.AvatarStyle import com.sdds.compose.uikit.Badge +import com.sdds.compose.uikit.BadgeStyle import com.sdds.compose.uikit.Counter import com.sdds.compose.uikit.Icon +import com.sdds.compose.uikit.IconBadge import com.sdds.compose.uikit.Image import com.sdds.compose.uikit.fixtures.R +import com.sdds.compose.uikit.graphics.cutout.cutout /** * Тест кейсы для Avatar @@ -272,3 +275,49 @@ fun AvatarSizeMBadgeBottomStart(style: AvatarStyle) { }, ) } + +/** + * Avatar и IconBadge + */ +@Composable +fun AvatarIconBadge(style: AvatarStyle, iconBadgeStyle: BadgeStyle) { + Avatar( + style = style, + actionEnabled = false, + placeholder = AvatarPlaceholder.Name("Michael Scott"), + extra = { + IconBadge( + modifier = Modifier + .cutout() + .align(Alignment.BottomEnd), + style = iconBadgeStyle, + content = { + Icon( + painterResource(id = com.sdds.icons.R.drawable.ic_mute_fill_24), + contentDescription = "", + ) + }, + ) + }, + content = {}, + ) +} + +/** + * Avatar и Image + */ +@Composable +fun AvatarContent(style: AvatarStyle) { + Avatar( + style = style, + status = AvatarStatus.Active, + actionEnabled = false, + placeholder = AvatarPlaceholder.Name("Michael Scott"), + content = { + Image( + painterResource(id = R.drawable.il_avatar_for_test), + contentDescription = "", + ) + }, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/BottomSheetTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/BottomSheetTestCases.kt index f0fcc88e2..5b4b66da4 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/BottomSheetTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/BottomSheetTestCases.kt @@ -247,6 +247,42 @@ fun BottomSheetNoHeaderFooterAuto( } } +/** + * BottomSheet HalfExpanded + */ +@Composable +fun BottomSheetNoHeaderFooterHalfExpanded( + style: ModalBottomSheetStyle, + buttonStyle: ButtonStyle, +) { + val sheetState = rememberModalBottomSheetState( + initialValue = BottomSheetValue.HalfExpanded, + ) + Box(modifier = Modifier.fillMaxSize()) { + val scope = rememberCoroutineScope() + Button( + style = buttonStyle, + label = "Show", + onClick = { + scope.launch { sheetState.show() } + }, + ) + ModalBottomSheet( + style = style, + sheetState = sheetState, + handlePlacement = BottomSheetHandlePlacement.Inner, + sheetGesturesEnabled = true, + fitContent = false, + header = {}, + footer = {}, + body = { + BodyText() + }, + onDismiss = {}, + ) + } +} + /** * Header для BottomSheet */ diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/CircularProgressTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/CircularProgressTestCases.kt index 6078fbc41..52dc4b044 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/CircularProgressTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/CircularProgressTestCases.kt @@ -1,8 +1,10 @@ package com.sdds.compose.uikit.fixtures.testcases import androidx.compose.runtime.Composable +import androidx.compose.ui.res.painterResource import com.sdds.compose.uikit.CircularProgressBar import com.sdds.compose.uikit.CircularProgressBarStyle +import com.sdds.compose.uikit.Icon /** * Тест-кейсы для [CircularProgressBar] @@ -39,3 +41,21 @@ fun CircularProgressNoTrack(style: CircularProgressBarStyle) { trackEnabled = false, ) } + +/** + * Тест-кейсы для [CircularProgressBar] + */ +@Composable +fun CircularProgressWithIcon(style: CircularProgressBarStyle) { + CircularProgressBar( + progress = 0.5f, + style = style, + trackEnabled = false, + valueContent = { + Icon( + painter = painterResource(id = com.sdds.icons.R.drawable.ic_close_16), + contentDescription = "", + ) + }, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/IconTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/IconTestCases.kt new file mode 100644 index 000000000..b010600d7 --- /dev/null +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/IconTestCases.kt @@ -0,0 +1,66 @@ +package com.sdds.compose.uikit.fixtures.testcases + +import androidx.compose.foundation.layout.size +import androidx.compose.runtime.Composable +import androidx.compose.runtime.CompositionLocalProvider +import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Brush +import androidx.compose.ui.graphics.Color +import androidx.compose.ui.res.painterResource +import androidx.compose.ui.unit.dp +import com.sdds.compose.uikit.Icon +import com.sdds.compose.uikit.LocalTintBrushProducer +import com.sdds.compose.uikit.graphics.brush.asBrush +import com.sdds.compose.uikit.resourceImageSource +import com.sdds.icons.R + +/** + * Иконка с цветом + */ +@Composable +fun IconFillColor() { + Icon( + painter = painterResource(R.drawable.ic_plasma_24), + contentDescription = "Icon", + modifier = Modifier.size(48.dp), + brush = { + Color(0xFF27AE60).asBrush() + }, + ) +} + +/** + * Иконка с цветом LocalTintBrushProducer + */ +@Composable +fun IconTint() { + CompositionLocalProvider( + LocalTintBrushProducer provides { Color(0xFF2F80ED).asBrush() }, + ) { + Icon( + source = resourceImageSource(R.drawable.ic_plasma_24), + contentDescription = "Icon", + modifier = Modifier.size(48.dp), + ) + } +} + +/** + * Иконка с градиентом + */ +@Composable +fun IconFillBrush() { + Icon( + source = resourceImageSource(R.drawable.ic_plasma_24), + contentDescription = "Icon", + modifier = Modifier.size(48.dp), + brush = { + Brush.linearGradient( + colors = listOf( + Color(0xFF11994A), + Color(0xFFff5757), + ), + ) + }, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/ListTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/ListTestCases.kt index 5908e5100..ce0b1d70f 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/ListTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/ListTestCases.kt @@ -1,12 +1,18 @@ package com.sdds.compose.uikit.fixtures.testcases +import android.graphics.drawable.Icon import androidx.compose.foundation.focusable import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.interaction.collectIsFocusedAsState import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.runtime.Composable +import androidx.compose.runtime.getValue import androidx.compose.runtime.remember +import androidx.compose.runtime.setValue import androidx.compose.ui.Modifier +import androidx.compose.ui.res.painterResource +import com.sdds.compose.uikit.Counter +import com.sdds.compose.uikit.Icon import com.sdds.compose.uikit.List import com.sdds.compose.uikit.ListItem import com.sdds.compose.uikit.ListStyle @@ -96,6 +102,63 @@ fun ListAmountTwenty(style: ListStyle) { } } +/** + * List icon disclosure + */ +@Composable +fun ListIconDisclosure(style: ListStyle) { + List(style = style) { + items(3) { + val interactionSource = remember { MutableInteractionSource() } + val isFocused = interactionSource.collectIsFocusedAsState() + ListItem( + modifier = Modifier + .focusable(interactionSource = interactionSource) + .focusSelector( + settings = LocalFocusSelectorSettings.current, + ) { isFocused.value }, + startContent = { + Icon( + painterResource(com.sdds.icons.R.drawable.ic_plasma_36), + contentDescription = "", + ) + }, + text = "Title", + disclosureEnabled = true, + interactionSource = interactionSource, + ) + } + } +} + +/** + * List counter disclosure + */ +@Composable +fun ListCounterDisclosure(style: ListStyle) { + List(style = style) { + items(3) { + val interactionSource = remember { MutableInteractionSource() } + val isFocused = interactionSource.collectIsFocusedAsState() + ListItem( + modifier = Modifier + .focusable(interactionSource = interactionSource) + .focusSelector( + settings = LocalFocusSelectorSettings.current, + ) { isFocused.value }, + startContent = { + Counter( + count = "1", + ) + }, + text = "Title", + disclosureEnabled = true, + interactionSource = interactionSource, + ) + } + } +} + /** * Preview для меню песочницы */ diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/LoaderTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/LoaderTestCases.kt index 851741be1..62726f4bf 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/LoaderTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/LoaderTestCases.kt @@ -1,6 +1,8 @@ package com.sdds.compose.uikit.fixtures.testcases import androidx.compose.runtime.Composable +import androidx.compose.ui.res.painterResource +import com.sdds.compose.uikit.Icon import com.sdds.compose.uikit.Loader import com.sdds.compose.uikit.LoaderStyle import com.sdds.compose.uikit.LoaderType @@ -30,3 +32,22 @@ fun LoaderProgress(style: LoaderStyle) { loaderType = LoaderType.Progress, ) } + +/** + * Loader with icon + */ +@Composable +fun LoaderProgressWithIcon(style: LoaderStyle) { + Loader( + style = style, + progress = 0.5f, + trackEnabled = true, + valueContent = { + Icon( + painter = painterResource(id = com.sdds.icons.R.drawable.ic_close_16), + contentDescription = "", + ) + }, + loaderType = LoaderType.Progress, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/RadiboxTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/RadiboxTestCases.kt index b53fbfcb5..c67175a63 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/RadiboxTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/RadiboxTestCases.kt @@ -72,6 +72,58 @@ fun RadioBoxDisabled(style: RadioBoxStyle) { ) } +/** + * RadioBox не отмеченный + */ +@Composable +fun RadioBoxUnchecked(style: RadioBoxStyle) { + RadioBox( + style = style, + checked = false, + enabled = true, + onClick = {}, + ) +} + +/** + * RadioBox отмеченный + */ +@Composable +fun RadioBoxChecked(style: RadioBoxStyle) { + RadioBox( + style = style, + checked = true, + enabled = true, + onClick = {}, + ) +} + +/** + * RadioBox отмеченный disabled + */ +@Composable +fun RadioBoxCheckedDisabled(style: RadioBoxStyle) { + RadioBox( + style = style, + checked = true, + enabled = false, + onClick = {}, + ) +} + +/** + * RadioBox не отмеченный disabled + */ +@Composable +fun RadioBoxUncheckedDisabled(style: RadioBoxStyle) { + RadioBox( + style = style, + checked = false, + enabled = false, + onClick = {}, + ) +} + /** * PLASMA-T1421 */ diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/SwitcherTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/SwitcherTestCases.kt index c7d59f705..daa3e014e 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/SwitcherTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/SwitcherTestCases.kt @@ -75,3 +75,51 @@ fun SwitchOffDisabled(style: SwitchStyle) { enabled = false, ) } + +/** + * Switch On + */ +@Composable +fun SwitchOn(style: SwitchStyle) { + Switch( + style = style, + active = true, + enabled = true, + ) +} + +/** + * Switch Off + */ +@Composable +fun SwitchOff(style: SwitchStyle) { + Switch( + style = style, + active = false, + enabled = true, + ) +} + +/** + * Switch On disabled + */ +@Composable +fun SwitchOnDisabledNoText(style: SwitchStyle) { + Switch( + style = style, + active = true, + enabled = false, + ) +} + +/** + * Switch Off disabled + */ +@Composable +fun SwitchOffDisabledNoText(style: SwitchStyle) { + Switch( + style = style, + active = false, + enabled = false, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextFieldTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextFieldTestCases.kt index d3f0eaa8a..6449cb522 100644 --- a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextFieldTestCases.kt +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextFieldTestCases.kt @@ -891,3 +891,44 @@ fun TextFieldXlDefault(style: TextFieldStyle) { ) } } + +/** + * TextField иконка справа + */ +@Composable +fun TextFieldIconRight( + style: TextFieldStyle, + enabled: Boolean = true, +) { + var value by remember { mutableStateOf(TextFieldValue("")) } + TextField( + value = value, + style = style, + captionText = "Caption", + counterText = "0/100", + labelText = "Label", + placeholderText = "Placeholder", + optionalText = "", + onValueChange = { value = it }, + enabled = enabled, + readOnly = false, + focusSelectorSettings = FocusSelectorSettings.None, + endContent = { + Icon( + painter = painterResource(id = R.drawable.ic_shazam_24), + contentDescription = "", + ) + }, + ) +} + +/** + * TextField icon right disabled + */ +@Composable +fun TextFieldIconRightDisabled(style: TextFieldStyle) { + TextFieldIconRight( + style = style, + enabled = false, + ) +} diff --git a/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextTestCases.kt b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextTestCases.kt new file mode 100644 index 000000000..3340237bc --- /dev/null +++ b/integration-core/uikit-compose-testcases/src/main/kotlin/com/sdds/compose/uikit/fixtures/testcases/TextTestCases.kt @@ -0,0 +1,52 @@ +package com.sdds.compose.uikit.fixtures.testcases + +import androidx.compose.foundation.layout.width +import androidx.compose.runtime.Composable +import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Brush +import androidx.compose.ui.graphics.Color +import androidx.compose.ui.text.style.TextOverflow +import androidx.compose.ui.unit.dp +import com.sdds.compose.uikit.Text +import com.sdds.compose.uikit.graphics.brush.asBrush +import com.sdds.compose.uikit.stringSource + +/** + * Текст зеленый + */ +@Composable +fun TextEllipsisFillColor() { + Text( + source = stringSource(LARGE_TEXT), + modifier = Modifier.width(240.dp), + maxLines = 5, + overflow = TextOverflow.Ellipsis, + brush = { + Color(0xFF27AE60).asBrush() + }, + ) +} + +/** + * Текст градиентный + */ +@Composable +fun TextClipFillBrush() { + Text( + source = stringSource(LARGE_TEXT), + modifier = Modifier.width(240.dp), + maxLines = 5, + overflow = TextOverflow.Clip, + brush = { + Brush.linearGradient( + colors = listOf(Color(0xFF11994A), Color(0xFFff5757)), + ) + }, + ) +} + +private const val LARGE_TEXT = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, " + + "sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " + + "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris " + + "nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor " + + "in reprehenderit in voluptate velit esse cillum dolore" diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_dark.png b/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_dark.png new file mode 100644 index 000000000..ff68243df Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_dark.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_light.png b/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_light.png new file mode 100644 index 000000000..1adb90896 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconFillBrush_light.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_dark.png b/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_dark.png new file mode 100644 index 000000000..7a25b2b5c Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_dark.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_light.png b/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_light.png new file mode 100644 index 000000000..740acac59 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconFillColor_light.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconTint_dark.png b/tokens/plasma.giga.compose/screenshots-compose/testIconTint_dark.png new file mode 100644 index 000000000..35b50fbec Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconTint_dark.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testIconTint_light.png b/tokens/plasma.giga.compose/screenshots-compose/testIconTint_light.png new file mode 100644 index 000000000..6d3a1fc53 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testIconTint_light.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_dark.png b/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_dark.png new file mode 100644 index 000000000..2611ad23e Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_dark.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_light.png b/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_light.png new file mode 100644 index 000000000..ce3fd8122 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testTextClipFillBrush_light.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_dark.png b/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_dark.png new file mode 100644 index 000000000..8042429e5 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_dark.png differ diff --git a/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_light.png b/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_light.png new file mode 100644 index 000000000..e27fc7bc8 Binary files /dev/null and b/tokens/plasma.giga.compose/screenshots-compose/testTextEllipsisFillColor_light.png differ diff --git a/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeIconScreenshotTest.kt b/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeIconScreenshotTest.kt new file mode 100644 index 000000000..a9d0b0057 --- /dev/null +++ b/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeIconScreenshotTest.kt @@ -0,0 +1,42 @@ +package com.sdds.plasma.giga + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IconFillBrush +import com.sdds.compose.uikit.fixtures.testcases.IconFillColor +import com.sdds.compose.uikit.fixtures.testcases.IconTint +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIconScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIconFillColor() { + composeTestRule.content { + IconFillColor() + } + } + + @Test + fun testIconTint() { + composeTestRule.content { + IconTint() + } + } + + @Test + fun testIconFillBrush() { + composeTestRule.content { + IconFillBrush() + } + } +} diff --git a/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeTextScreenshotTest.kt b/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeTextScreenshotTest.kt new file mode 100644 index 000000000..437520f50 --- /dev/null +++ b/tokens/plasma.giga.compose/src/test/kotlin/com/sdds/plasma/giga/ComposeTextScreenshotTest.kt @@ -0,0 +1,34 @@ +package com.sdds.plasma.giga + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextClipFillBrush +import com.sdds.compose.uikit.fixtures.testcases.TextEllipsisFillColor +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTextEllipsisFillColor() { + composeTestRule.content { + TextEllipsisFillColor() + } + } + + @Test + fun testTextClipFillBrush() { + composeTestRule.content { + TextClipFillBrush() + } + } +} diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_dark.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_dark.png new file mode 100644 index 000000000..e3e830129 Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_dark.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_light.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_light.png new file mode 100644 index 000000000..65ab88945 Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillBrush_light.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_dark.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_dark.png new file mode 100644 index 000000000..b412aa67d Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_dark.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_light.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_light.png new file mode 100644 index 000000000..c53678eed Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconFillColor_light.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_dark.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_dark.png new file mode 100644 index 000000000..29ecf8143 Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_dark.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_light.png b/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_light.png new file mode 100644 index 000000000..9becef8ab Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testIconTint_light.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_dark.png b/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_dark.png new file mode 100644 index 000000000..e0611efd0 Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_dark.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_light.png b/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_light.png new file mode 100644 index 000000000..e96db5ca4 Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testTextClipFillBrush_light.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_dark.png b/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_dark.png new file mode 100644 index 000000000..365fc272d Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_dark.png differ diff --git a/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_light.png b/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_light.png new file mode 100644 index 000000000..c60f6ef5b Binary files /dev/null and b/tokens/plasma.homeds.compose/screenshots-compose/testTextEllipsisFillColor_light.png differ diff --git a/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeIconScreenshotTest.kt b/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeIconScreenshotTest.kt new file mode 100644 index 000000000..62ad97ffd --- /dev/null +++ b/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeIconScreenshotTest.kt @@ -0,0 +1,42 @@ +package com.sdds.plasma.homeds + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IconFillBrush +import com.sdds.compose.uikit.fixtures.testcases.IconFillColor +import com.sdds.compose.uikit.fixtures.testcases.IconTint +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIconScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIconFillColor() { + composeTestRule.content { + IconFillColor() + } + } + + @Test + fun testIconTint() { + composeTestRule.content { + IconTint() + } + } + + @Test + fun testIconFillBrush() { + composeTestRule.content { + IconFillBrush() + } + } +} diff --git a/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeTextScreenshotTest.kt b/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeTextScreenshotTest.kt new file mode 100644 index 000000000..fa678afd3 --- /dev/null +++ b/tokens/plasma.homeds.compose/src/test/kotlin/com/sdds/plasma/homeds/ComposeTextScreenshotTest.kt @@ -0,0 +1,34 @@ +package com.sdds.plasma.homeds + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextClipFillBrush +import com.sdds.compose.uikit.fixtures.testcases.TextEllipsisFillColor +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTextEllipsisFillColor() { + composeTestRule.content { + TextEllipsisFillColor() + } + } + + @Test + fun testTextClipFillBrush() { + composeTestRule.content { + TextClipFillBrush() + } + } +} diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_dark.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_dark.png new file mode 100644 index 000000000..747650ccc Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_dark.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_light.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_light.png new file mode 100644 index 000000000..53d3fdc98 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillBrush_light.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_dark.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_dark.png new file mode 100644 index 000000000..6ee36d803 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_dark.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_light.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_light.png new file mode 100644 index 000000000..7420244e7 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconFillColor_light.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_dark.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_dark.png new file mode 100644 index 000000000..e96be8957 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_dark.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_light.png b/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_light.png new file mode 100644 index 000000000..1b55bc38a Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testIconTint_light.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_dark.png b/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_dark.png new file mode 100644 index 000000000..e7596679f Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_dark.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_light.png b/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_light.png new file mode 100644 index 000000000..0badd6980 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testTextClipFillBrush_light.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_dark.png b/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_dark.png new file mode 100644 index 000000000..d321c8762 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_dark.png differ diff --git a/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_light.png b/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_light.png new file mode 100644 index 000000000..6107e3856 Binary files /dev/null and b/tokens/plasma.sd.service.compose/screenshots-compose/testTextEllipsisFillColor_light.png differ diff --git a/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeIconScreenshotTest.kt b/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeIconScreenshotTest.kt new file mode 100644 index 000000000..7d621f46d --- /dev/null +++ b/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeIconScreenshotTest.kt @@ -0,0 +1,42 @@ +package com.sdds.plasma.sd.service + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IconFillBrush +import com.sdds.compose.uikit.fixtures.testcases.IconFillColor +import com.sdds.compose.uikit.fixtures.testcases.IconTint +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIconScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIconFillColor() { + composeTestRule.content { + IconFillColor() + } + } + + @Test + fun testIconTint() { + composeTestRule.content { + IconTint() + } + } + + @Test + fun testIconFillBrush() { + composeTestRule.content { + IconFillBrush() + } + } +} diff --git a/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeTextScreenshotTest.kt b/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeTextScreenshotTest.kt new file mode 100644 index 000000000..47690d14e --- /dev/null +++ b/tokens/plasma.sd.service.compose/src/test/kotlin/com/sdds/plasma/sd/service/ComposeTextScreenshotTest.kt @@ -0,0 +1,34 @@ +package com.sdds.plasma.sd.service + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextClipFillBrush +import com.sdds.compose.uikit.fixtures.testcases.TextEllipsisFillColor +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTextEllipsisFillColor() { + composeTestRule.content { + TextEllipsisFillColor() + } + } + + @Test + fun testTextClipFillBrush() { + composeTestRule.content { + TextClipFillBrush() + } + } +} diff --git a/tokens/sdds-sbcom-compose/build.gradle.kts b/tokens/sdds-sbcom-compose/build.gradle.kts index b51a12384..386e4a6ef 100644 --- a/tokens/sdds-sbcom-compose/build.gradle.kts +++ b/tokens/sdds-sbcom-compose/build.gradle.kts @@ -45,6 +45,7 @@ themeBuilder { } dependencies { + testImplementation("integration-core:uikit-compose-fixtures") implementation(libs.sdds.uikit.compose) implementation(icons.sdds.icons) implementation(libs.base.androidX.compose.foundation) diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_dark.png new file mode 100644 index 000000000..bc4dc3607 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_light.png new file mode 100644 index 000000000..b16319c50 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarGroupSize24_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_dark.png new file mode 100644 index 000000000..9bab31bcb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_light.png new file mode 100644 index 000000000..1e310a8ba Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize24_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_dark.png new file mode 100644 index 000000000..44ec20931 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_light.png new file mode 100644 index 000000000..3b67e6a37 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize32_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_dark.png new file mode 100644 index 000000000..8e6f76bcf Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_light.png new file mode 100644 index 000000000..be3378a51 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize36_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_dark.png new file mode 100644 index 000000000..7a46cda93 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_light.png new file mode 100644 index 000000000..300f024ce Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize40_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_dark.png new file mode 100644 index 000000000..07ebf5a06 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_light.png new file mode 100644 index 000000000..0644b63ca Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize44_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_dark.png new file mode 100644 index 000000000..786fa21af Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_light.png new file mode 100644 index 000000000..6596cb32d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize56_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_dark.png new file mode 100644 index 000000000..cfa8984e8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_light.png new file mode 100644 index 000000000..6313ec828 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize64_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_dark.png new file mode 100644 index 000000000..0961d5ee1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_light.png new file mode 100644 index 000000000..9ec2a9af7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testAvatarSize72_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_dark.png new file mode 100644 index 000000000..10e102fed Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_light.png new file mode 100644 index 000000000..361d5542b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetFooterAuto_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_dark.png new file mode 100644 index 000000000..dabe519ab Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_light.png new file mode 100644 index 000000000..5eb36f3e1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHalfExpanded_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_dark.png new file mode 100644 index 000000000..503209c1f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_light.png new file mode 100644 index 000000000..0aeec215e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderAuto_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_dark.png new file mode 100644 index 000000000..a0bb9aa54 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_light.png new file mode 100644 index 000000000..307f33d38 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFixedHandleOuter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_dark.png new file mode 100644 index 000000000..d2d055913 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_light.png new file mode 100644 index 000000000..d98e3ee10 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetHeaderFooterFixedHandleInner_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_dark.png new file mode 100644 index 000000000..a9a1f3a97 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_light.png new file mode 100644 index 000000000..5d465794e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testBottomSheetNoHeaderFooterAuto_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_dark.png new file mode 100644 index 000000000..1bb963b0f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_light.png new file mode 100644 index 000000000..c567a273e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_dark.png new file mode 100644 index 000000000..add26f99b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_light.png new file mode 100644 index 000000000..198c3be6f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupDefault_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_dark.png new file mode 100644 index 000000000..4196d3244 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_light.png new file mode 100644 index 000000000..756e87d1d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupMaxAmount_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_dark.png new file mode 100644 index 000000000..5971c4fed Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_light.png new file mode 100644 index 000000000..5061b0e0a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonGroupVerticalDefault_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_dark.png new file mode 100644 index 000000000..83feecc9c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_light.png new file mode 100644 index 000000000..b7815460b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonIsLoading_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_dark.png new file mode 100644 index 000000000..dc80c3828 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_light.png new file mode 100644 index 000000000..99cb02453 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonModeDangerTintClick_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_dark.png new file mode 100644 index 000000000..a13f845e4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_light.png new file mode 100644 index 000000000..3cd363abb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24BgNoModeAccentWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_dark.png new file mode 100644 index 000000000..fda5391ab Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_light.png new file mode 100644 index 000000000..20c30649f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize24ModeAccentGrey_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_dark.png new file mode 100644 index 000000000..04f4190fd Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_light.png new file mode 100644 index 000000000..d4d2cfec9 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize32ModeAccentWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_dark.png new file mode 100644 index 000000000..b29dcd0c4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_light.png new file mode 100644 index 000000000..4ae73535c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40ModeAccentFilled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_dark.png new file mode 100644 index 000000000..f9dbf9178 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_light.png new file mode 100644 index 000000000..1dc4c20c1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize40SpaceBetween_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_dark.png new file mode 100644 index 000000000..4b744bfcc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_light.png new file mode 100644 index 000000000..456496450 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeAccentGrey_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_dark.png new file mode 100644 index 000000000..05bd5fd88 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_light.png new file mode 100644 index 000000000..cff14ac24 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48BgNoModeDangerTint_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_dark.png new file mode 100644 index 000000000..5bffde74a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_light.png new file mode 100644 index 000000000..e273a19d1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModeDangerTint_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_dark.png new file mode 100644 index 000000000..cafda8aab Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_light.png new file mode 100644 index 000000000..5dda03bd7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSize48ModePrimary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_dark.png new file mode 100644 index 000000000..c27eab588 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_light.png new file mode 100644 index 000000000..56efa6390 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testButtonSizeSLongText_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_dark.png new file mode 100644 index 000000000..d1ad17afa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_light.png new file mode 100644 index 000000000..3796777c3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDefault_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_dark.png new file mode 100644 index 000000000..3d40626b8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_light.png new file mode 100644 index 000000000..b9f02440b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_dark.png new file mode 100644 index 000000000..5561bde3a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_light.png new file mode 100644 index 000000000..25374a2dc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxIndeterminate_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_dark.png new file mode 100644 index 000000000..f0e3535ce Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_light.png new file mode 100644 index 000000000..a250548f5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxOffDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_dark.png new file mode 100644 index 000000000..593552564 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_light.png new file mode 100644 index 000000000..912e7ff1c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCheckBoxUnchecked_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_dark.png new file mode 100644 index 000000000..1ca3e43ae Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_light.png new file mode 100644 index 000000000..55a06c0c5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_dark.png new file mode 100644 index 000000000..41b5e6312 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_light.png new file mode 100644 index 000000000..bde486e2e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupSlotPadding_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_dark.png new file mode 100644 index 000000000..9da5be6aa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_light.png new file mode 100644 index 000000000..696e82d81 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipGroupWrap_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_dark.png new file mode 100644 index 000000000..4c3b25f84 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_light.png new file mode 100644 index 000000000..5e127cc7f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatarContentLeft_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_dark.png new file mode 100644 index 000000000..fb3ef7f2b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_light.png new file mode 100644 index 000000000..07967986c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotAvatar_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_dark.png new file mode 100644 index 000000000..e58d080af Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_light.png new file mode 100644 index 000000000..c64aa205b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPaddingIconRight_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_dark.png new file mode 100644 index 000000000..58d6af036 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_light.png new file mode 100644 index 000000000..0037f600b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testChipSlotPadding_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_dark.png new file mode 100644 index 000000000..a3f7b964d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_light.png new file mode 100644 index 000000000..3c11a7df4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize16Secondary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_dark.png new file mode 100644 index 000000000..b2c344a34 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_light.png new file mode 100644 index 000000000..92aedc833 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize24ModeColorDanger_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_dark.png new file mode 100644 index 000000000..feb324cca Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_light.png new file mode 100644 index 000000000..3207a0bd7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize32ModeColorAccent_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_dark.png new file mode 100644 index 000000000..7f7578f16 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_light.png new file mode 100644 index 000000000..92a03157b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorGlobalWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_dark.png new file mode 100644 index 000000000..e9d6c8d2c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_light.png new file mode 100644 index 000000000..609ae38fb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCircularProgressSize40ModeColorPrimary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_dark.png new file mode 100644 index 000000000..cc7125076 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_light.png new file mode 100644 index 000000000..6ef5ccaf0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarActionEndCenterStartRelative_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_dark.png new file mode 100644 index 000000000..d4fa56d41 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_light.png new file mode 100644 index 000000000..1573c0bc1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_dark.png new file mode 100644 index 000000000..9414e10fe Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_light.png new file mode 100644 index 000000000..7c4b7abc6 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_dark.png new file mode 100644 index 000000000..c154ae031 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_light.png new file mode 100644 index 000000000..c6edb1b7b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarCollapsedTextAlignStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_dark.png new file mode 100644 index 000000000..9284b41b5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_light.png new file mode 100644 index 000000000..1bb14c78e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarExpandedTitleDescStartAbsolute_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_dark.png new file mode 100644 index 000000000..77671c26d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_light.png new file mode 100644 index 000000000..080558989 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarHasActionsStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_dark.png new file mode 100644 index 000000000..eecc97763 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_light.png new file mode 100644 index 000000000..22c2329dd Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongContent_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_dark.png new file mode 100644 index 000000000..be9f5a8ff Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_light.png new file mode 100644 index 000000000..d9726532d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarLongExpandedTitleDesc_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_dark.png new file mode 100644 index 000000000..84856d6b8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_light.png new file mode 100644 index 000000000..ad566d5ba Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionStartCollapsedTextAlignStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_dark.png new file mode 100644 index 000000000..ec08d6e49 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_light.png new file mode 100644 index 000000000..6d56ec25e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavBarNoActionsCollapsedTextEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_dark.png new file mode 100644 index 000000000..2c23b4c9e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_light.png new file mode 100644 index 000000000..6e32e2eaa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCollapsingNavbarNoCollapsedTitleLongDesc_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_dark.png new file mode 100644 index 000000000..f39c19398 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_light.png new file mode 100644 index 000000000..0151d3a00 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteNo_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_dark.png new file mode 100644 index 000000000..5c5bd281e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_light.png new file mode 100644 index 000000000..984b51fb3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testCounterMuteYes_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_dark.png new file mode 100644 index 000000000..ebbdf3ee6 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_light.png new file mode 100644 index 000000000..7201c1c7a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuLStrictCenterStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_dark.png new file mode 100644 index 000000000..ca7c4300e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_light.png new file mode 100644 index 000000000..7788fb315 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuMStrictBottomStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_dark.png new file mode 100644 index 000000000..a8987f44a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_light.png new file mode 100644 index 000000000..9e096a5eb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuSStrictTopCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_dark.png new file mode 100644 index 000000000..a691fcb53 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_light.png new file mode 100644 index 000000000..dc65403d4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuTightXsStrictCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_dark.png new file mode 100644 index 000000000..b7509f4b1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_light.png new file mode 100644 index 000000000..1f90b794e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenLooseBottomCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_dark.png new file mode 100644 index 000000000..f518e6518 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_light.png new file mode 100644 index 000000000..f1a77faf4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlAmountTenStrictCenterEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_dark.png new file mode 100644 index 000000000..d785d155f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_light.png new file mode 100644 index 000000000..4926c36dc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlHasDisclosureTopStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_dark.png new file mode 100644 index 000000000..65ae472e6 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_light.png new file mode 100644 index 000000000..501d70f24 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXlLooseTopEndDivider_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_dark.png new file mode 100644 index 000000000..760b92c52 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_light.png new file mode 100644 index 000000000..72ea1a1b3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testDropDownMenuXsStrictCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_dark.png new file mode 100644 index 000000000..67fa8ac98 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_light.png new file mode 100644 index 000000000..0959f73bf Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_dark.png new file mode 100644 index 000000000..daaaa7654 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_light.png new file mode 100644 index 000000000..1f35691b4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonIsLoading_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_dark.png new file mode 100644 index 000000000..5672ca139 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_light.png new file mode 100644 index 000000000..179fd74c3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize24BgNoModeAccentFilled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_dark.png new file mode 100644 index 000000000..45bc925ed Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_light.png new file mode 100644 index 000000000..e91b08245 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize32ModeDangerTint_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_dark.png new file mode 100644 index 000000000..aee7e3aa0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_light.png new file mode 100644 index 000000000..351af34cd Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40BgNoModeDangerTint_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_dark.png new file mode 100644 index 000000000..0123008aa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_light.png new file mode 100644 index 000000000..dadebdcab Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize40ModeAccentGrey_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_dark.png new file mode 100644 index 000000000..afd928390 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_light.png new file mode 100644 index 000000000..6415fa18c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48BgNoModeAccentGrey_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_dark.png new file mode 100644 index 000000000..9ae877a2e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_light.png new file mode 100644 index 000000000..d227711ba Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconButtonSize48ModeAccentFilled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_dark.png new file mode 100644 index 000000000..ad7e76a94 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_light.png new file mode 100644 index 000000000..1f75e96dc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillBrush_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_dark.png new file mode 100644 index 000000000..da2763f09 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_light.png new file mode 100644 index 000000000..e8911efdc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconFillColor_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_dark.png new file mode 100644 index 000000000..7c6e0627e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_light.png new file mode 100644 index 000000000..c865d6104 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIconTint_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_dark.png new file mode 100644 index 000000000..eb24cf9ea Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_light.png new file mode 100644 index 000000000..e34ccc943 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateDanger_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_dark.png new file mode 100644 index 000000000..db4749e9e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_light.png new file mode 100644 index 000000000..018230432 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateGlobalWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_dark.png new file mode 100644 index 000000000..6d1cd8b5d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_light.png new file mode 100644 index 000000000..8d8442581 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateMute_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_dark.png new file mode 100644 index 000000000..ba62d8e85 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_light.png new file mode 100644 index 000000000..f96206d15 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateSuccess_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_dark.png new file mode 100644 index 000000000..ddccd893e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_light.png new file mode 100644 index 000000000..352751dbb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testIndicatorStateWarning_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_dark.png new file mode 100644 index 000000000..a7400a842 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_light.png new file mode 100644 index 000000000..21d77162d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountThreeHasDisclosure_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_dark.png new file mode 100644 index 000000000..6de2065c7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_light.png new file mode 100644 index 000000000..2b4b77cfc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListAmountTwenty_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_dark.png new file mode 100644 index 000000000..f83ac1045 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_light.png new file mode 100644 index 000000000..ac7528fff Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListCounter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_dark.png new file mode 100644 index 000000000..b0d593a6f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_light.png new file mode 100644 index 000000000..c3feb5759 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultAmountThree_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_dark.png new file mode 100644 index 000000000..926657623 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_light.png new file mode 100644 index 000000000..16f529e90 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDefaultThreeHasDisclosure_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_dark.png new file mode 100644 index 000000000..dfe46c737 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_light.png new file mode 100644 index 000000000..c388d678d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testListDropdownMenuAmountThree_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_dark.png new file mode 100644 index 000000000..3f22394c9 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_light.png new file mode 100644 index 000000000..6fd20f358 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize16Secondary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_dark.png new file mode 100644 index 000000000..e124054db Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_light.png new file mode 100644 index 000000000..2475e5e28 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize24ModeColorDanger_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_dark.png new file mode 100644 index 000000000..13ab8ca9a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_light.png new file mode 100644 index 000000000..7ed98d129 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize32ModeColorAccent_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_dark.png new file mode 100644 index 000000000..20b9b1e9b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_light.png new file mode 100644 index 000000000..32b40f821 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorGlobalWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_dark.png new file mode 100644 index 000000000..b0a14273e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_light.png new file mode 100644 index 000000000..6aa99ca24 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderProgressSize40ModeColorPrimary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_dark.png new file mode 100644 index 000000000..1b31bd82c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_light.png new file mode 100644 index 000000000..2b47e4642 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize16ModeColorSecondary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_dark.png new file mode 100644 index 000000000..f9d4cad09 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_light.png new file mode 100644 index 000000000..1d2e52395 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize24ModeColorDanger_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_dark.png new file mode 100644 index 000000000..d2757a462 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_light.png new file mode 100644 index 000000000..e1a787018 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize32ModeColorAccent_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_dark.png new file mode 100644 index 000000000..81fc4965e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_light.png new file mode 100644 index 000000000..85ac80bd3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorGlobalWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_dark.png new file mode 100644 index 000000000..36fd515a1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_light.png new file mode 100644 index 000000000..3d1be91fa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testLoaderSpinnerSize40ModeColorPrimary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_dark.png new file mode 100644 index 000000000..34511bde0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_light.png new file mode 100644 index 000000000..bd1da245d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDeleteNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_dark.png new file mode 100644 index 000000000..fb81ecc91 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_light.png new file mode 100644 index 000000000..201aaa0ee Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskDisabledIconAction_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_dark.png new file mode 100644 index 000000000..745cfc0c5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_light.png new file mode 100644 index 000000000..79a419453 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskFullDateInput_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_dark.png new file mode 100644 index 000000000..4daa93a75 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_light.png new file mode 100644 index 000000000..17689dd91 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_dark.png new file mode 100644 index 000000000..4daa93a75 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_light.png new file mode 100644 index 000000000..17689dd91 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputFullyFilledNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_dark.png new file mode 100644 index 000000000..97e43f2b1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_light.png new file mode 100644 index 000000000..a240309a1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputLetterAndNumbersInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_dark.png new file mode 100644 index 000000000..c2fddfb86 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_light.png new file mode 100644 index 000000000..5d9285582 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskInputPartiallyFilledNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_dark.png new file mode 100644 index 000000000..f4e3d4573 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_light.png new file mode 100644 index 000000000..5aff67d43 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputMaxNumber_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_dark.png new file mode 100644 index 000000000..1949bbaea Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_light.png new file mode 100644 index 000000000..20430ea69 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputOneNumber_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_dark.png new file mode 100644 index 000000000..e842aac0a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_light.png new file mode 100644 index 000000000..c27bdbbcc Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInputSymbolsAndLetters_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_dark.png new file mode 100644 index 000000000..3fac2d386 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_light.png new file mode 100644 index 000000000..b28d4fe9b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskNumberInput_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_dark.png new file mode 100644 index 000000000..44d5b48f2 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_light.png new file mode 100644 index 000000000..dc3e4f0c6 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskPhoneOnInput_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_dark.png new file mode 100644 index 000000000..1a756580a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_light.png new file mode 100644 index 000000000..212785afa Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskReadOnlyIconAction_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_dark.png new file mode 100644 index 000000000..c9d6b4ea1 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_light.png new file mode 100644 index 000000000..5d25852e0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInputNotFull_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_dark.png new file mode 100644 index 000000000..cd9b87579 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_light.png new file mode 100644 index 000000000..e0a38c4d0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskShortDateInput_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_dark.png new file mode 100644 index 000000000..9b5a93b2d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_light.png new file mode 100644 index 000000000..2071e7c0e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeAlwaysIconAction_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_dark.png new file mode 100644 index 000000000..6d183933a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_light.png new file mode 100644 index 000000000..5a52e5089 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputMaxNumber_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_dark.png new file mode 100644 index 000000000..ccb1ddcd3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_light.png new file mode 100644 index 000000000..d1861372f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputStartWithZero_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_dark.png new file mode 100644 index 000000000..9b9cd5645 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_light.png new file mode 100644 index 000000000..550c9745f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInputWithLetter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_dark.png new file mode 100644 index 000000000..9b9cd5645 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_light.png new file mode 100644 index 000000000..550c9745f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTimeInput_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_dark.png new file mode 100644 index 000000000..a4519573a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_light.png new file mode 100644 index 000000000..9f6d3606a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeAnyOtherNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_dark.png new file mode 100644 index 000000000..41fe276bb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_light.png new file mode 100644 index 000000000..980e036ba Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeLetterInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_dark.png new file mode 100644 index 000000000..4cb6b1003 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_light.png new file mode 100644 index 000000000..922b904d7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testMaskTypeNumberInTelephone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_dark.png new file mode 100644 index 000000000..8a6f71318 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_light.png new file mode 100644 index 000000000..fd58b6e2e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_dark.png new file mode 100644 index 000000000..0d3d89bd5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_light.png new file mode 100644 index 000000000..3afba7e70 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_dark.png new file mode 100644 index 000000000..e57228b2f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_light.png new file mode 100644 index 000000000..c3b0a5d5e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalBottomStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_dark.png new file mode 100644 index 000000000..41d843b08 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_light.png new file mode 100644 index 000000000..94f3b3606 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_dark.png new file mode 100644 index 000000000..df37d0109 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_light.png new file mode 100644 index 000000000..2873acdef Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenterStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_dark.png new file mode 100644 index 000000000..bd5a9be47 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_light.png new file mode 100644 index 000000000..e47051555 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_dark.png new file mode 100644 index 000000000..26220afdb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_light.png new file mode 100644 index 000000000..cb9200d8e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalNativeBlackoutHasClose_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_dark.png new file mode 100644 index 000000000..64ac7069a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_light.png new file mode 100644 index 000000000..c2c03f868 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_dark.png new file mode 100644 index 000000000..961bcffa3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_light.png new file mode 100644 index 000000000..774691e2e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_dark.png new file mode 100644 index 000000000..b0922bb3e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_light.png new file mode 100644 index 000000000..bd93d924d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalTopStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_dark.png new file mode 100644 index 000000000..bd5a9be47 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_light.png new file mode 100644 index 000000000..e47051555 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testModalWithoutNativeBlackout_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_dark.png new file mode 100644 index 000000000..3ccf33243 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_light.png new file mode 100644 index 000000000..9c900a265 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMAccentStrictTopCenterCenterStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_dark.png new file mode 100644 index 000000000..707d23e6d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_light.png new file mode 100644 index 000000000..9321e44a7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartBottomCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_dark.png new file mode 100644 index 000000000..b3db8c07b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_light.png new file mode 100644 index 000000000..609ad9a8d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterBottomEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_dark.png new file mode 100644 index 000000000..7e8cd3282 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_light.png new file mode 100644 index 000000000..c22a76ab3 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenterEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_dark.png new file mode 100644 index 000000000..ded15db0e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_light.png new file mode 100644 index 000000000..8e0ad8a7e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultLooseStartCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_dark.png new file mode 100644 index 000000000..61138b26c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_light.png new file mode 100644 index 000000000..33a3c5dfe Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverMDefaultStrictBottomEndTopStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_dark.png new file mode 100644 index 000000000..cf268a352 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_light.png new file mode 100644 index 000000000..a4b311121 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSAccentStrictBottomStartTopCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_dark.png new file mode 100644 index 000000000..7e0ddaae0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_light.png new file mode 100644 index 000000000..2eb7348ff Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testPopoverSDefaultLooseEndBottomStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_dark.png new file mode 100644 index 000000000..db2787f20 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_light.png new file mode 100644 index 000000000..7ef40c213 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxCheckedDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_dark.png new file mode 100644 index 000000000..6abde9e86 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_light.png new file mode 100644 index 000000000..a0073ca03 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxChecked_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_dark.png new file mode 100644 index 000000000..5f130dbd7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_light.png new file mode 100644 index 000000000..06aa67067 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxSizeUncheckedDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_dark.png new file mode 100644 index 000000000..5a1648091 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_light.png new file mode 100644 index 000000000..e0ab9454a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRadioBoxUnchecked_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_dark.png new file mode 100644 index 000000000..bc643aa04 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_light.png new file mode 100644 index 000000000..bddafe7e7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeletonLighter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_dark.png new file mode 100644 index 000000000..76f8af143 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_light.png new file mode 100644 index 000000000..46f2c34d6 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testRectSkeleton_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_dark.png new file mode 100644 index 000000000..a0a1eddfd Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_light.png new file mode 100644 index 000000000..a9598f901 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarM_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_dark.png new file mode 100644 index 000000000..66f4b21d7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_light.png new file mode 100644 index 000000000..d820fc932 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testScrollBarS_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_dark.png new file mode 100644 index 000000000..5ccd2187c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_light.png new file mode 100644 index 000000000..58e0c8dca Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize16ModeColorSecondary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_dark.png new file mode 100644 index 000000000..a07a49d1d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_light.png new file mode 100644 index 000000000..cde70c8f8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize24ModeColorDanger_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_dark.png new file mode 100644 index 000000000..26ff6db96 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_light.png new file mode 100644 index 000000000..cd9030c57 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize32ModeColorAccent_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_dark.png new file mode 100644 index 000000000..9cd3e6586 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_light.png new file mode 100644 index 000000000..3da732386 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorGlobalWhite_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_dark.png new file mode 100644 index 000000000..dd4a5baf5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_light.png new file mode 100644 index 000000000..26920f9d7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSpinnerSpinnerSize40ModeColorPrimary_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_dark.png new file mode 100644 index 000000000..414b7ca4c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_light.png new file mode 100644 index 000000000..03885c31e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOffDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_dark.png new file mode 100644 index 000000000..a558d330b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_light.png new file mode 100644 index 000000000..6395ecbeb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOff_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_dark.png new file mode 100644 index 000000000..179cf6548 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_light.png new file mode 100644 index 000000000..dba554cb4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOnDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_dark.png new file mode 100644 index 000000000..1b514bff2 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_light.png new file mode 100644 index 000000000..ad9fd6550 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testSwitchOn_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_dark.png new file mode 100644 index 000000000..4ed4eafbb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_light.png new file mode 100644 index 000000000..e7a2326cf Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarCustomWeight_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_dark.png new file mode 100644 index 000000000..ed3290c2f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_light.png new file mode 100644 index 000000000..2ba196175 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultClick_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_dark.png new file mode 100644 index 000000000..419301043 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_light.png new file mode 100644 index 000000000..c962b7355 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCountSixCounter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_dark.png new file mode 100644 index 000000000..fe79144d5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_light.png new file mode 100644 index 000000000..b58f34107 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultCounter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_dark.png new file mode 100644 index 000000000..c6b273050 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_light.png new file mode 100644 index 000000000..fa25f46e9 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarDefaultNone_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_dark.png new file mode 100644 index 000000000..95bdbaeef Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_light.png new file mode 100644 index 000000000..bc37978cb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabBarIndicator_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_dark.png new file mode 100644 index 000000000..caba91ab0 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_light.png new file mode 100644 index 000000000..0523f67a4 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsClick_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_dark.png new file mode 100644 index 000000000..35631fa1a Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_light.png new file mode 100644 index 000000000..41240c950 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefaultScroll_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_dark.png new file mode 100644 index 000000000..c6d416b8d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_light.png new file mode 100644 index 000000000..158617383 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDefault_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_dark.png new file mode 100644 index 000000000..99c0dd4eb Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_light.png new file mode 100644 index 000000000..757326493 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_dark.png new file mode 100644 index 000000000..92d457ae2 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_light.png new file mode 100644 index 000000000..fa077ec13 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsFiveIconEndStretch_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_dark.png new file mode 100644 index 000000000..bf916f73d Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_light.png new file mode 100644 index 000000000..6d47cd639 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTabsHasDividerScroll_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_dark.png new file mode 100644 index 000000000..1279dd44f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_light.png new file mode 100644 index 000000000..ea447811f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextClipFillBrush_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_dark.png new file mode 100644 index 000000000..4be4ef3d8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_light.png new file mode 100644 index 000000000..11919e00f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextEllipsisFillColor_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_dark.png new file mode 100644 index 000000000..bf187a9a7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_light.png new file mode 100644 index 000000000..d3acd6d95 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldDefault_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_dark.png new file mode 100644 index 000000000..52efcd505 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_light.png new file mode 100644 index 000000000..2a47eee23 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldFocused_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_dark.png new file mode 100644 index 000000000..5beee28b9 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_light.png new file mode 100644 index 000000000..9feb5a16f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLDisabled_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_dark.png new file mode 100644 index 000000000..9abc66276 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_light.png new file mode 100644 index 000000000..fd93186ce Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLInputText_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_dark.png new file mode 100644 index 000000000..3326a555c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_light.png new file mode 100644 index 000000000..d32db00f2 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTextFieldLongText_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_dark.png new file mode 100644 index 000000000..58f213202 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_light.png new file mode 100644 index 000000000..acf01bdf8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartBottomCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_dark.png new file mode 100644 index 000000000..ebb0ebd4b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_light.png new file mode 100644 index 000000000..af7645f17 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterBottomEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_dark.png new file mode 100644 index 000000000..4a30a180f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_light.png new file mode 100644 index 000000000..6ae83f62e Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenterEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_dark.png new file mode 100644 index 000000000..18ee720e5 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_light.png new file mode 100644 index 000000000..4b29ecda7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseStartCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_dark.png new file mode 100644 index 000000000..12b5c1121 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_light.png new file mode 100644 index 000000000..8be46bd9f Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEndNotVisible_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_dark.png new file mode 100644 index 000000000..c91222d0c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_light.png new file mode 100644 index 000000000..024ce5481 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMLooseTopEnd_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_dark.png new file mode 100644 index 000000000..fb42edf76 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_light.png new file mode 100644 index 000000000..59bc9b2a8 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictBottomEndTopStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_dark.png new file mode 100644 index 000000000..d9464678c Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_light.png new file mode 100644 index 000000000..271633d41 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipMStrictTopCenterCenterStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_dark.png new file mode 100644 index 000000000..92ab6b2c7 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_light.png new file mode 100644 index 000000000..c1e33164b Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSLooseEndBottomStart_light.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_dark.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_dark.png new file mode 100644 index 000000000..3a8398e78 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_dark.png differ diff --git a/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_light.png b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_light.png new file mode 100644 index 000000000..b114bc933 Binary files /dev/null and b/tokens/sdds-sbcom-compose/screenshots-compose/testTooltipSStrictBottomStartTopCenter_light.png differ diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeAvatarScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeAvatarScreenshotTest.kt new file mode 100644 index 000000000..215131d36 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeAvatarScreenshotTest.kt @@ -0,0 +1,104 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.AvatarContent +import com.sdds.compose.uikit.fixtures.testcases.AvatarGroupSizeS +import com.sdds.compose.uikit.fixtures.testcases.AvatarIconBadge +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.avatar.Avatar +import com.sdds.sbcom.styles.avatar.Size24 +import com.sdds.sbcom.styles.avatar.Size32 +import com.sdds.sbcom.styles.avatar.Size36 +import com.sdds.sbcom.styles.avatar.Size40 +import com.sdds.sbcom.styles.avatar.Size44 +import com.sdds.sbcom.styles.avatar.Size56 +import com.sdds.sbcom.styles.avatar.Size64 +import com.sdds.sbcom.styles.avatar.Size72 +import com.sdds.sbcom.styles.avatargroup.AvatarGroup +import com.sdds.sbcom.styles.avatargroup.Size24 +import com.sdds.sbcom.styles.iconbadge.Size20 +import com.sdds.sbcom.styles.iconbadge.VoiceChatBadge +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeAvatarScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testAvatarSize72() { + composeTestRule.content { + AvatarContent(style = Avatar.Size72.style()) + } + } + + @Test + fun testAvatarSize64() { + composeTestRule.content { + AvatarContent(style = Avatar.Size64.style()) + } + } + + @Test + fun testAvatarSize56() { + composeTestRule.content { + AvatarIconBadge( + style = Avatar.Size56.style(), + iconBadgeStyle = VoiceChatBadge.Size20.style(), + ) + } + } + + @Test + fun testAvatarSize44() { + composeTestRule.content { + AvatarContent(style = Avatar.Size44.style()) + } + } + + @Test + fun testAvatarSize40() { + composeTestRule.content { + AvatarContent(style = Avatar.Size40.style()) + } + } + + @Test + fun testAvatarSize36() { + composeTestRule.content { + AvatarContent(style = Avatar.Size36.style()) + } + } + + @Test + fun testAvatarSize32() { + composeTestRule.content { + AvatarContent(style = Avatar.Size32.style()) + } + } + + @Test + fun testAvatarSize24() { + composeTestRule.content { + AvatarContent(style = Avatar.Size24.style()) + } + } + + @Test + fun testAvatarGroupSize24() { + composeTestRule.content { + AvatarGroupSizeS(style = AvatarGroup.Size24.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeBottomSheetScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeBottomSheetScreenshotTest.kt new file mode 100644 index 000000000..6c79ebde5 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeBottomSheetScreenshotTest.kt @@ -0,0 +1,114 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.ExperimentalRoborazziApi +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.github.takahirom.roborazzi.captureScreenRoboImage +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetFooterAuto +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetHeaderAuto +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetHeaderFixedHandleOuter +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetHeaderFooterFixedHandleInner +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetNoHeaderFooterAuto +import com.sdds.compose.uikit.fixtures.testcases.BottomSheetNoHeaderFooterHalfExpanded +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size48 +import com.sdds.sbcom.styles.bottomsheet.Default +import com.sdds.sbcom.styles.bottomsheet.ModalBottomSheet +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeBottomSheetScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetHeaderFooterFixedHandleInner() { + composeTestRule.content { + BottomSheetHeaderFooterFixedHandleInner( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetHeaderFixedHandleOuter() { + composeTestRule.content { + BottomSheetHeaderFixedHandleOuter( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetHalfExpanded() { + composeTestRule.content { + BottomSheetNoHeaderFooterHalfExpanded( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetNoHeaderFooterAuto() { + composeTestRule.content { + BottomSheetNoHeaderFooterAuto( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetFooterAuto() { + composeTestRule.content { + BottomSheetFooterAuto( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testBottomSheetHeaderAuto() { + composeTestRule.content { + BottomSheetHeaderAuto( + ModalBottomSheet.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonGroupScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonGroupScreenshotTest.kt new file mode 100644 index 000000000..46be7d0ef --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonGroupScreenshotTest.kt @@ -0,0 +1,45 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ButtonGroupHorizontal +import com.sdds.compose.uikit.fixtures.testcases.ButtonGroupHorizontalMaxAmount +import com.sdds.compose.uikit.fixtures.testcases.ButtonGroupVertical +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.buttongroup.BasicButtonGroup +import com.sdds.sbcom.styles.buttongroup.Default +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeButtonGroupScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testButtonGroupDefault() { + composeTestRule.content { + ButtonGroupHorizontal(style = BasicButtonGroup.Default.style()) + } + } + + @Test + fun testButtonGroupVerticalDefault() { + composeTestRule.content { + ButtonGroupVertical(style = BasicButtonGroup.Default.style()) + } + } + + @Test + fun testButtonGroupMaxAmount() { + composeTestRule.content { + ButtonGroupHorizontalMaxAmount(style = BasicButtonGroup.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonScreenshotTest.kt new file mode 100644 index 000000000..3547fce65 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeButtonScreenshotTest.kt @@ -0,0 +1,215 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performTouchInput +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeLDefault +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeLDisabled +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeLIsLoading +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeLSecondary +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeLWhite +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeMAccent +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeMSpaceBetween +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeSLongText +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeSWarning +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeXSDark +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeXSNegative +import com.sdds.compose.uikit.fixtures.testcases.ButtonSizeXlDefault +import com.sdds.compose.uikit.fixtures.testcases.IconButtonIsLoading +import com.sdds.compose.uikit.fixtures.testcases.IconButtonLDefault +import com.sdds.compose.uikit.fixtures.testcases.IconButtonLDisabled +import com.sdds.compose.uikit.fixtures.testcases.IconButtonLSecondary +import com.sdds.compose.uikit.fixtures.testcases.IconButtonMAccent +import com.sdds.compose.uikit.fixtures.testcases.IconButtonMClear +import com.sdds.compose.uikit.fixtures.testcases.IconButtonSWarning +import com.sdds.compose.uikit.fixtures.testcases.IconButtonXsDark +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.BgNo +import com.sdds.sbcom.styles.basicbutton.ModeAccentFilled +import com.sdds.sbcom.styles.basicbutton.ModeAccentGrey +import com.sdds.sbcom.styles.basicbutton.ModeAccentWhite +import com.sdds.sbcom.styles.basicbutton.ModeDangerTint +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size24 +import com.sdds.sbcom.styles.basicbutton.Size32 +import com.sdds.sbcom.styles.basicbutton.Size40 +import com.sdds.sbcom.styles.basicbutton.Size48 +import com.sdds.sbcom.styles.iconbutton.BgNo +import com.sdds.sbcom.styles.iconbutton.IconButton +import com.sdds.sbcom.styles.iconbutton.ModeAccentFilled +import com.sdds.sbcom.styles.iconbutton.ModeAccentGrey +import com.sdds.sbcom.styles.iconbutton.ModeDangerTint +import com.sdds.sbcom.styles.iconbutton.Size24 +import com.sdds.sbcom.styles.iconbutton.Size32 +import com.sdds.sbcom.styles.iconbutton.Size40 +import com.sdds.sbcom.styles.iconbutton.Size48 +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeButtonScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testButtonSize48ModePrimary() { + composeTestRule.content { + ButtonSizeLDefault(style = BasicButton.Size48.ModePrimary.style()) + } + } + + @Test + fun testButtonSize40ModeAccentFilled() { + composeTestRule.content { + ButtonSizeMAccent(style = BasicButton.Size40.ModeAccentFilled.style()) + } + } + + @Test + fun testButtonSize32ModeAccentWhite() { + composeTestRule.content { + ButtonSizeSWarning(style = BasicButton.Size32.ModeAccentWhite.style()) + } + } + + @Test + fun testButtonSize24ModeAccentGrey() { + composeTestRule.content { + ButtonSizeXSDark(style = BasicButton.Size24.ModeAccentGrey.style()) + } + } + + @Test + fun testButtonIsLoading() { + composeTestRule.content { + ButtonSizeLIsLoading(style = BasicButton.Size48.ModePrimary.style()) + } + } + + @Test + fun testButtonDisabled() { + composeTestRule.content { + ButtonSizeLDisabled(style = BasicButton.Size48.ModePrimary.style()) + } + } + + @Test + fun testButtonSize48ModeDangerTint() { + composeTestRule.content { + ButtonSizeLSecondary(style = BasicButton.Size48.ModeDangerTint.style()) + } + } + + @Test + fun testButtonSize40SpaceBetween() { + composeTestRule.content { + ButtonSizeMSpaceBetween(style = BasicButton.Size40.BgNo.ModePrimary.style()) + } + } + + @Test + fun testButtonSizeSLongText() { + composeTestRule.content { + ButtonSizeSLongText(style = BasicButton.Size32.BgNo.ModeAccentFilled.style()) + } + } + + @Test + fun testButtonSize24BgNoModeAccentWhite() { + composeTestRule.content { + ButtonSizeXSNegative(style = BasicButton.Size24.BgNo.ModeAccentWhite.style()) + } + } + + @Test + fun testButtonSize48BgNoModeAccentGrey() { + composeTestRule.content { + ButtonSizeLWhite(style = BasicButton.Size48.BgNo.ModeAccentGrey.style()) + } + } + + @Test + fun testButtonSize48BgNoModeDangerTint() { + composeTestRule.content { + ButtonSizeXlDefault(style = BasicButton.Size48.BgNo.ModeDangerTint.style()) + } + } + + @Test + fun testButtonModeDangerTintClick() { + composeTestRule.content { + ButtonSizeMAccent(style = BasicButton.Size48.ModeDangerTint.style()) + } + composeTestRule.onNodeWithText("Label").performTouchInput { + down(center) + advanceEventTime(1000) + } + } + + @Test + fun testIconButtonSize48ModeAccentFilled() { + composeTestRule.content { + IconButtonLDefault(iconButtonStyle = IconButton.Size48.ModeAccentFilled.style()) + } + } + + @Test + fun testIconButtonSize40ModeAccentGrey() { + composeTestRule.content { + IconButtonMAccent(iconButtonStyle = IconButton.Size40.ModeAccentGrey.style()) + } + } + + @Test + fun testIconButtonSize32ModeDangerTint() { + composeTestRule.content { + IconButtonSWarning(iconButtonStyle = IconButton.Size32.ModeDangerTint.style()) + } + } + + @Test + fun testIconButtonSize24BgNoModeAccentFilled() { + composeTestRule.content { + IconButtonXsDark(iconButtonStyle = IconButton.Size24.BgNo.ModeAccentFilled.style()) + } + } + + @Test + fun testIconButtonIsLoading() { + composeTestRule.content { + IconButtonIsLoading(iconButtonStyle = IconButton.Size48.ModeAccentFilled.style()) + } + } + + @Test + fun testIconButtonDisabled() { + composeTestRule.content { + IconButtonLDisabled(iconButtonStyle = IconButton.Size48.ModeAccentFilled.style()) + } + } + + @Test + fun testIconButtonSize48BgNoModeAccentGrey() { + composeTestRule.content { + IconButtonLSecondary(iconButtonStyle = IconButton.Size48.BgNo.ModeAccentGrey.style()) + } + } + + @Test + fun testIconButtonSize40BgNoModeDangerTint() { + composeTestRule.content { + IconButtonMClear(iconButtonStyle = IconButton.Size40.BgNo.ModeDangerTint.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCheckBoxScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCheckBoxScreenshotTest.kt new file mode 100644 index 000000000..d006df0ad --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCheckBoxScreenshotTest.kt @@ -0,0 +1,78 @@ +package com.sdds.sbcom + +import androidx.compose.ui.state.ToggleableState +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.CheckBox +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.CheckBoxSizeLNegativeUnchecked +import com.sdds.compose.uikit.fixtures.testcases.CheckBoxSizeMediumNoLabelAndDesc +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.checkbox.CheckBox +import com.sdds.sbcom.styles.checkbox.Default +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeCheckBoxScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testCheckBoxDefault() { + composeTestRule.content { + CheckBoxSizeMediumNoLabelAndDesc(style = CheckBox.Default.style()) + } + } + + @Test + fun testCheckBoxUnchecked() { + composeTestRule.content { + CheckBoxSizeLNegativeUnchecked(style = CheckBox.Default.style()) + } + } + + @Test + fun testCheckBoxDisabled() { + composeTestRule.content { + CheckBox( + style = CheckBox.Default.style(), + state = ToggleableState.On, + enabled = false, + onClick = {}, + ) + } + } + + @Test + fun testCheckBoxIndeterminate() { + composeTestRule.content { + CheckBox( + style = CheckBox.Default.style(), + state = ToggleableState.Indeterminate, + enabled = true, + onClick = {}, + ) + } + } + + @Test + fun testCheckBoxOffDisabled() { + composeTestRule.content { + CheckBox( + style = CheckBox.Default.style(), + state = ToggleableState.Off, + enabled = false, + onClick = {}, + ) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeChipScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeChipScreenshotTest.kt new file mode 100644 index 000000000..3d9dfdb55 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeChipScreenshotTest.kt @@ -0,0 +1,83 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ChipDisabled +import com.sdds.compose.uikit.fixtures.testcases.ChipGroupSizeLDense +import com.sdds.compose.uikit.fixtures.testcases.ChipGroupSizeMSecondaryWideWrapped +import com.sdds.compose.uikit.fixtures.testcases.ChipSizeLDefault +import com.sdds.compose.uikit.fixtures.testcases.ChipSizeMSecondaryPilled +import com.sdds.compose.uikit.fixtures.testcases.ChipSizeSAccent +import com.sdds.compose.uikit.fixtures.testcases.ChipSizeXSContentLeft +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.chip.Chip +import com.sdds.sbcom.styles.chip.ChipSlotAvatar +import com.sdds.sbcom.styles.chip.ChipSlotPadding +import com.sdds.sbcom.styles.chipgroup.ChipGroup +import com.sdds.sbcom.styles.chipgroup.ChipSlotPadding +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeChipScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testChipSlotPaddingIconRight() { + composeTestRule.content { + ChipSizeLDefault(style = Chip.ChipSlotPadding.style()) + } + } + + @Test + fun testChipSlotAvatar() { + composeTestRule.content { + ChipSizeMSecondaryPilled(style = Chip.ChipSlotAvatar.style()) + } + } + + @Test + fun testChipSlotPadding() { + composeTestRule.content { + ChipSizeSAccent(style = Chip.ChipSlotPadding.style()) + } + } + + @Test + fun testChipSlotAvatarContentLeft() { + composeTestRule.content { + ChipSizeXSContentLeft(style = Chip.ChipSlotAvatar.style()) + } + } + + @Test + fun testChipDisabled() { + composeTestRule.content { + ChipDisabled(style = Chip.ChipSlotPadding.style()) + } + } + + @Test + fun testChipGroupSlotPadding() { + composeTestRule.content { + ChipGroupSizeLDense(style = ChipGroup.ChipSlotPadding.style()) + } + } + + @Test + fun testChipGroupWrap() { + composeTestRule.content { + ChipGroupSizeMSecondaryWideWrapped(style = ChipGroup.ChipSlotPadding.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCircularProgressScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCircularProgressScreenshotTest.kt new file mode 100644 index 000000000..2c07e788c --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCircularProgressScreenshotTest.kt @@ -0,0 +1,65 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.CircularProgressWithIcon +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.circularprogressbar.CircularProgressBar +import com.sdds.sbcom.styles.circularprogressbar.ModeColorAccent +import com.sdds.sbcom.styles.circularprogressbar.ModeColorDanger +import com.sdds.sbcom.styles.circularprogressbar.ModeColorGlobalWhite +import com.sdds.sbcom.styles.circularprogressbar.ModeColorPrimary +import com.sdds.sbcom.styles.circularprogressbar.ModeColorSecondary +import com.sdds.sbcom.styles.circularprogressbar.Size16 +import com.sdds.sbcom.styles.circularprogressbar.Size24 +import com.sdds.sbcom.styles.circularprogressbar.Size32 +import com.sdds.sbcom.styles.circularprogressbar.Size40 +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeCircularProgressScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testCircularProgressSize40ModeColorPrimary() { + composeTestRule.content { + CircularProgressWithIcon(CircularProgressBar.Size40.ModeColorPrimary.style()) + } + } + + @Test + fun testCircularProgressSize32ModeColorAccent() { + composeTestRule.content { + CircularProgressWithIcon(CircularProgressBar.Size32.ModeColorAccent.style()) + } + } + + @Test + fun testCircularProgressSize24ModeColorDanger() { + composeTestRule.content { + CircularProgressWithIcon(CircularProgressBar.Size24.ModeColorDanger.style()) + } + } + + @Test + fun testCircularProgressSize16Secondary() { + composeTestRule.content { + CircularProgressWithIcon(CircularProgressBar.Size16.ModeColorSecondary.style()) + } + } + + @Test + fun testCircularProgressSize40ModeColorGlobalWhite() { + composeTestRule.content { + CircularProgressWithIcon(CircularProgressBar.Size40.ModeColorGlobalWhite.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCollapsingNavigationBar.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCollapsingNavigationBar.kt new file mode 100644 index 000000000..94f3bf657 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCollapsingNavigationBar.kt @@ -0,0 +1,149 @@ +package com.sdds.sbcom + +import androidx.compose.ui.geometry.Offset +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performTouchInput +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarActionEndCenterStartRelative +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarCollapsedTextAlignCenter +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarCollapsedTextAlignEnd +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarCollapsedTextAlignStart +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarExpandedTitleDescription +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarHasActionsStart +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarLongContent +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarLongExpandedTitleDescription +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarNoActionStartCollapsedTextAlignStart +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarNoActionsCollapsedTextEnd +import com.sdds.compose.uikit.fixtures.testcases.CollapsingNavBarNoCollapsedTitleLongDesc +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.collapsingnavigationbar.CollapsingNavigationBarInternalPage +import com.sdds.sbcom.styles.collapsingnavigationbar.CollapsingNavigationBarMainPage +import com.sdds.sbcom.styles.collapsingnavigationbar.Default +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeCollapsingNavigationBar( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testCollapsingNavBarExpandedTitleDescStartAbsolute() { + composeTestRule.content { + CollapsingNavBarExpandedTitleDescription(CollapsingNavigationBarMainPage.Default.style()) + } + } + + @Test + fun testCollapsingNavBarLongExpandedTitleDesc() { + composeTestRule.content { + CollapsingNavBarLongExpandedTitleDescription(CollapsingNavigationBarMainPage.Default.style()) + } + } + + @Test + fun testCollapsingNavBarLongContent() { + composeTestRule.content { + CollapsingNavBarLongContent(CollapsingNavigationBarMainPage.Default.style()) + } + } + + @Test + fun testCollapsingNavBarActionEndCenterStartRelative() { + composeTestRule.content { + CollapsingNavBarActionEndCenterStartRelative(CollapsingNavigationBarInternalPage.Default.style()) + } + } + + @Test + fun testCollapsingNavbarNoCollapsedTitleLongDesc() { + composeTestRule.content { + CollapsingNavBarNoCollapsedTitleLongDesc(CollapsingNavigationBarMainPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } + + @Test + fun testCollapsingNavBarCollapsedTextAlignStart() { + composeTestRule.content { + CollapsingNavBarCollapsedTextAlignStart(CollapsingNavigationBarInternalPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } + + @Test + fun testCollapsingNavBarNoActionsCollapsedTextEnd() { + composeTestRule.content { + CollapsingNavBarNoActionsCollapsedTextEnd(CollapsingNavigationBarInternalPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } + + @Test + fun testCollapsingNavBarNoActionStartCollapsedTextAlignStart() { + composeTestRule.content { + CollapsingNavBarNoActionStartCollapsedTextAlignStart(CollapsingNavigationBarInternalPage.Default.style()) + } + } + + @Test + fun testCollapsingNavBarHasActionsStart() { + composeTestRule.content { + CollapsingNavBarHasActionsStart(CollapsingNavigationBarMainPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } + + @Test + fun testCollapsingNavBarCollapsedTextAlignCenter() { + composeTestRule.content { + CollapsingNavBarCollapsedTextAlignCenter(CollapsingNavigationBarMainPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } + + @Test + fun testCollapsingNavBarCollapsedTextAlignEnd() { + composeTestRule.content { + CollapsingNavBarCollapsedTextAlignEnd(CollapsingNavigationBarMainPage.Default.style()) + } + composeTestRule.onNodeWithText("Title").performTouchInput { + down(center) + moveBy(Offset(0f, -300f)) + up() + } + composeTestRule.mainClock.advanceTimeByFrame() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCounterScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCounterScreenshotTest.kt new file mode 100644 index 000000000..9d9ca80a5 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeCounterScreenshotTest.kt @@ -0,0 +1,37 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.CounterCommon +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.counter.Counter +import com.sdds.sbcom.styles.counter.MuteNo +import com.sdds.sbcom.styles.counter.MuteYes +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeCounterScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testCounterMuteYes() { + composeTestRule.content { + CounterCommon(style = Counter.MuteYes.style()) + } + } + + @Test + fun testCounterMuteNo() { + composeTestRule.content { + CounterCommon(style = Counter.MuteNo.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeDropDownMenuScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeDropDownMenuScreenshotTest.kt new file mode 100644 index 000000000..d80dc7c5d --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeDropDownMenuScreenshotTest.kt @@ -0,0 +1,163 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.ExperimentalRoborazziApi +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.github.takahirom.roborazzi.captureScreenRoboImage +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuLStrictCenterStart +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuMStrictBottomStart +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuSStrictTopCenter +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuTightXsStrictCenter +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuXlAmountTenLooseBottomCenter +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuXlAmountTenStrictCenterEnd +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuXlHasDisclosureTopStart +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuXlLooseTopEndDivider +import com.sdds.compose.uikit.fixtures.testcases.DropDownMenuXsStrictCenter +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size48 +import com.sdds.sbcom.styles.dropdownmenu.Default +import com.sdds.sbcom.styles.dropdownmenu.DropdownMenu +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeDropDownMenuScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuXlHasDisclosureTopStart() { + composeTestRule.content { + DropDownMenuXlHasDisclosureTopStart( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuLStrictCenterStart() { + composeTestRule.content { + DropDownMenuLStrictCenterStart( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuMStrictBottomStart() { + composeTestRule.content { + DropDownMenuMStrictBottomStart( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuSStrictTopCenter() { + composeTestRule.content { + DropDownMenuSStrictTopCenter( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuXsStrictCenter() { + composeTestRule.content { + DropDownMenuXsStrictCenter( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuXlAmountTenLooseBottomCenter() { + composeTestRule.content { + DropDownMenuXlAmountTenLooseBottomCenter( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuXlLooseTopEndDivider() { + composeTestRule.content { + DropDownMenuXlLooseTopEndDivider( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuXlAmountTenStrictCenterEnd() { + composeTestRule.content { + DropDownMenuXlAmountTenStrictCenterEnd( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testDropDownMenuTightXsStrictCenter() { + composeTestRule.content { + DropDownMenuTightXsStrictCenter( + DropdownMenu.Default.style(), + BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show DropDownMenu").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIconScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIconScreenshotTest.kt new file mode 100644 index 000000000..fb6e4cea4 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIconScreenshotTest.kt @@ -0,0 +1,42 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IconFillBrush +import com.sdds.compose.uikit.fixtures.testcases.IconFillColor +import com.sdds.compose.uikit.fixtures.testcases.IconTint +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIconScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIconFillColor() { + composeTestRule.content { + IconFillColor() + } + } + + @Test + fun testIconTint() { + composeTestRule.content { + IconTint() + } + } + + @Test + fun testIconFillBrush() { + composeTestRule.content { + IconFillBrush() + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIndicatorScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIndicatorScreenshotTest.kt new file mode 100644 index 000000000..08b12b3e4 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeIndicatorScreenshotTest.kt @@ -0,0 +1,61 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IndicatorCommon +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.indicator.Indicator +import com.sdds.sbcom.styles.indicator.StateDanger +import com.sdds.sbcom.styles.indicator.StateGlobalWhite +import com.sdds.sbcom.styles.indicator.StateMute +import com.sdds.sbcom.styles.indicator.StateSuccess +import com.sdds.sbcom.styles.indicator.StateWarning +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIndicatorScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIndicatorStateSuccess() { + composeTestRule.content { + IndicatorCommon(style = Indicator.StateSuccess.style()) + } + } + + @Test + fun testIndicatorStateGlobalWhite() { + composeTestRule.content { + IndicatorCommon(style = Indicator.StateGlobalWhite.style()) + } + } + + @Test + fun testIndicatorStateMute() { + composeTestRule.content { + IndicatorCommon(style = Indicator.StateMute.style()) + } + } + + @Test + fun testIndicatorStateDanger() { + composeTestRule.content { + IndicatorCommon(style = Indicator.StateDanger.style()) + } + } + + @Test + fun testIndicatorStateWarning() { + composeTestRule.content { + IndicatorCommon(style = Indicator.StateWarning.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeListScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeListScreenshotTest.kt new file mode 100644 index 000000000..919bd08de --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeListScreenshotTest.kt @@ -0,0 +1,69 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ListAmountThreeHasDisclosure +import com.sdds.compose.uikit.fixtures.testcases.ListAmountThreeNoDisclosure +import com.sdds.compose.uikit.fixtures.testcases.ListAmountTwenty +import com.sdds.compose.uikit.fixtures.testcases.ListCounterDisclosure +import com.sdds.compose.uikit.fixtures.testcases.ListIconDisclosure +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.list.Default +import com.sdds.sbcom.styles.list.DropdownMenuList +import com.sdds.sbcom.styles.list.List +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeListScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testListDefaultThreeHasDisclosure() { + composeTestRule.content { + ListAmountThreeHasDisclosure(List.Default.style()) + } + } + + @Test + fun testListDropdownMenuAmountThree() { + composeTestRule.content { + ListAmountThreeNoDisclosure(DropdownMenuList.Default.style()) + } + } + + @Test + fun testListDefaultAmountThree() { + composeTestRule.content { + ListAmountThreeNoDisclosure(List.Default.style()) + } + } + + @Test + fun testListCounter() { + composeTestRule.content { + ListCounterDisclosure(List.Default.style()) + } + } + + @Test + fun testListAmountTwenty() { + composeTestRule.content { + ListAmountTwenty(List.Default.style()) + } + } + + @Test + fun testListAmountThreeHasDisclosure() { + composeTestRule.content { + ListIconDisclosure(List.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeLoaderScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeLoaderScreenshotTest.kt new file mode 100644 index 000000000..8410bf7d4 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeLoaderScreenshotTest.kt @@ -0,0 +1,101 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.LoaderForSandbox +import com.sdds.compose.uikit.fixtures.testcases.LoaderProgressWithIcon +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.loader.Loader +import com.sdds.sbcom.styles.loader.ModeColorAccent +import com.sdds.sbcom.styles.loader.ModeColorDanger +import com.sdds.sbcom.styles.loader.ModeColorGlobalWhite +import com.sdds.sbcom.styles.loader.ModeColorPrimary +import com.sdds.sbcom.styles.loader.ModeColorSecondary +import com.sdds.sbcom.styles.loader.Size16 +import com.sdds.sbcom.styles.loader.Size24 +import com.sdds.sbcom.styles.loader.Size32 +import com.sdds.sbcom.styles.loader.Size40 +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeLoaderScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testLoaderSpinnerSize40ModeColorPrimary() { + composeTestRule.content { + LoaderForSandbox(Loader.Size40.ModeColorPrimary.style()) + } + } + + @Test + fun testLoaderSpinnerSize32ModeColorAccent() { + composeTestRule.content { + LoaderForSandbox(Loader.Size32.ModeColorAccent.style()) + } + } + + @Test + fun testLoaderSpinnerSize24ModeColorDanger() { + composeTestRule.content { + LoaderForSandbox(Loader.Size24.ModeColorDanger.style()) + } + } + + @Test + fun testLoaderSpinnerSize16ModeColorSecondary() { + composeTestRule.content { + LoaderForSandbox(Loader.Size16.ModeColorSecondary.style()) + } + } + + @Test + fun testLoaderSpinnerSize40ModeColorGlobalWhite() { + composeTestRule.content { + LoaderForSandbox(Loader.Size40.ModeColorGlobalWhite.style()) + } + } + + @Test + fun testLoaderProgressSize40ModeColorPrimary() { + composeTestRule.content { + LoaderProgressWithIcon(Loader.Size40.ModeColorPrimary.style()) + } + } + + @Test + fun testLoaderProgressSize32ModeColorAccent() { + composeTestRule.content { + LoaderProgressWithIcon(Loader.Size32.ModeColorAccent.style()) + } + } + + @Test + fun testLoaderProgressSize24ModeColorDanger() { + composeTestRule.content { + LoaderProgressWithIcon(Loader.Size24.ModeColorDanger.style()) + } + } + + @Test + fun testLoaderProgressSize16Secondary() { + composeTestRule.content { + LoaderProgressWithIcon(Loader.Size16.ModeColorSecondary.style()) + } + } + + @Test + fun testLoaderProgressSize40ModeColorGlobalWhite() { + composeTestRule.content { + LoaderProgressWithIcon(Loader.Size40.ModeColorGlobalWhite.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeMaskScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeMaskScreenshotTest.kt new file mode 100644 index 000000000..6060e8291 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeMaskScreenshotTest.kt @@ -0,0 +1,229 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithTag +import androidx.compose.ui.test.performClick +import androidx.compose.ui.test.performTextClearance +import androidx.compose.ui.test.performTextInput +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.MaskDisabledIconAction +import com.sdds.compose.uikit.fixtures.testcases.MaskLongDateAlwaysIconAction +import com.sdds.compose.uikit.fixtures.testcases.MaskNumberIconAction +import com.sdds.compose.uikit.fixtures.testcases.MaskPhoneOnInput +import com.sdds.compose.uikit.fixtures.testcases.MaskPhoneType +import com.sdds.compose.uikit.fixtures.testcases.MaskReadOnlyIconAction +import com.sdds.compose.uikit.fixtures.testcases.MaskShortDateAlwaysIconAction +import com.sdds.compose.uikit.fixtures.testcases.MaskTimeAlwaysIcon +import com.sdds.compose.uikit.fixtures.testcases.MaskTimeIconAction +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.textfield.Default +import com.sdds.sbcom.styles.textfield.TextField +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeMaskScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testMaskDisabledIconAction() { + composeTestRule.content { + MaskDisabledIconAction(TextField.Default.style()) + } + } + + @Test + fun testMaskReadOnlyIconAction() { + composeTestRule.content { + MaskReadOnlyIconAction(TextField.Default.style()) + } + } + + @Test + fun testMaskTimeAlwaysIconAction() { + composeTestRule.content { + MaskTimeAlwaysIcon(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performClick() + } + + @Test + fun testMaskPhoneOnInput() { + composeTestRule.content { + MaskPhoneOnInput(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField") + .performClick() + .performTextInput("9") + } + + @Test + fun testMaskTypeLetterInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField") + .performClick() + .performTextInput("a0") + } + + @Test + fun testMaskTypeNumberInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField") + .performClick() + .performTextInput("7") + } + + @Test + fun testMaskTypeAnyOtherNumberInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField") + .performTextInput("495") + } + + @Test + fun testMaskDeleteNumberInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("495") + composeTestRule.onNodeWithTag("MaskedTextField").performTextClearance() + } + + @Test + fun testMaskInputFullNumberInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("1234567890") + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("a") + } + + @Test + fun testMaskInputLetterAndNumbersInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("!w123ф%е45") + } + + @Test + fun testMaskInputPartiallyFilledNumberInTelephone() { + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("123456") + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("!w123ф%е45") + } + + @Test + fun testMaskInputFullyFilledNumberInTelephone() { + val pasteText = "!w123ф%е45" + composeTestRule.content { + MaskPhoneType(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("1234567890") + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput(pasteText) + } + + @Test + fun testMaskShortDateInput() { + composeTestRule.content { + MaskShortDateAlwaysIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("121212") + } + + @Test + fun testMaskShortDateInputNotFull() { + composeTestRule.content { + MaskShortDateAlwaysIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("1212") + } + + @Test + fun testMaskFullDateInput() { + composeTestRule.content { + MaskLongDateAlwaysIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("12122012") + } + + @Test + fun testMaskTimeInput() { + composeTestRule.content { + MaskTimeIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("1234") + } + + @Test + fun testMaskTimeInputStartWithZero() { + composeTestRule.content { + MaskTimeIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("0830") + } + + @Test + fun testMaskTimeInputMaxNumber() { + composeTestRule.content { + MaskTimeIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("9999") + } + + @Test + fun testMaskTimeInputWithLetter() { + val pasteText = "12a34" + composeTestRule.content { + MaskTimeIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput(pasteText) + } + + @Test + fun testMaskNumberInput() { + composeTestRule.content { + MaskNumberIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("12345,00") + } + + @Test + fun testMaskNumberInputMaxNumber() { + composeTestRule.content { + MaskNumberIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("999999999999999999,99999") + } + + @Test + fun testMaskNumberInputOneNumber() { + composeTestRule.content { + MaskNumberIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("1") + } + + @Test + fun testMaskNumberInputSymbolsAndLetters() { + composeTestRule.content { + MaskNumberIconAction(TextField.Default.style()) + } + composeTestRule.onNodeWithTag("MaskedTextField").performTextInput("!w123ф%е45") + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeModalScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeModalScreenshotTest.kt new file mode 100644 index 000000000..f781ecc96 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeModalScreenshotTest.kt @@ -0,0 +1,193 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.ExperimentalRoborazziApi +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.github.takahirom.roborazzi.captureScreenRoboImage +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ModalBottomCenter +import com.sdds.compose.uikit.fixtures.testcases.ModalBottomEnd +import com.sdds.compose.uikit.fixtures.testcases.ModalBottomStart +import com.sdds.compose.uikit.fixtures.testcases.ModalCenter +import com.sdds.compose.uikit.fixtures.testcases.ModalCenterEnd +import com.sdds.compose.uikit.fixtures.testcases.ModalCenterStart +import com.sdds.compose.uikit.fixtures.testcases.ModalNativeBlackoutHasClose +import com.sdds.compose.uikit.fixtures.testcases.ModalTopCenter +import com.sdds.compose.uikit.fixtures.testcases.ModalTopEnd +import com.sdds.compose.uikit.fixtures.testcases.ModalTopStart +import com.sdds.compose.uikit.fixtures.testcases.ModalWithoutNativeBlackout +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size48 +import com.sdds.sbcom.styles.modal.Default +import com.sdds.sbcom.styles.modal.Modal +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeModalScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalNativeBlackoutHasClose() { + composeTestRule.content { + ModalNativeBlackoutHasClose( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalWithoutNativeBlackout() { + composeTestRule.content { + ModalWithoutNativeBlackout( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalTopStart() { + composeTestRule.content { + ModalTopStart( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalTopCenter() { + composeTestRule.content { + ModalTopCenter( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalTopEnd() { + composeTestRule.content { + ModalTopEnd( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalCenterStart() { + composeTestRule.content { + ModalCenterStart( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalCenter() { + composeTestRule.content { + ModalCenter( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalCenterEnd() { + composeTestRule.content { + ModalCenterEnd( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalBottomStart() { + composeTestRule.content { + ModalBottomStart( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalBottomCenter() { + composeTestRule.content { + ModalBottomCenter( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testModalBottomEnd() { + composeTestRule.content { + ModalBottomEnd( + style = Modal.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposePopoverScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposePopoverScreenshotTest.kt new file mode 100644 index 000000000..2de7d85d8 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposePopoverScreenshotTest.kt @@ -0,0 +1,165 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.ExperimentalRoborazziApi +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.github.takahirom.roborazzi.captureScreenRoboImage +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.PopoverMAccentStrictTopCenterCenterStart +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultLooseStartBottomCenter +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultLooseStartCenter +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultLooseStartCenterBottomEnd +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultLooseStartCenterEnd +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultLooseTopEnd +import com.sdds.compose.uikit.fixtures.testcases.PopoverMDefaultStrictBottomEndTopStart +import com.sdds.compose.uikit.fixtures.testcases.PopoverSAccentStrictBottomStartTopCenter +import com.sdds.compose.uikit.fixtures.testcases.PopoverSDefaultLooseEndBottomStart +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size32 +import com.sdds.sbcom.styles.popover.Default +import com.sdds.sbcom.styles.popover.Popover +import org.junit.Ignore +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposePopoverScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultStrictBottomEndTopStart() { + composeTestRule.content { + PopoverMDefaultStrictBottomEndTopStart( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMAccentStrictTopCenterCenterStart() { + composeTestRule.content { + PopoverMAccentStrictTopCenterCenterStart( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverSDefaultLooseEndBottomStart() { + composeTestRule.content { + PopoverSDefaultLooseEndBottomStart( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverSAccentStrictBottomStartTopCenter() { + composeTestRule.content { + PopoverSAccentStrictBottomStartTopCenter( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultLooseStartCenter() { + composeTestRule.content { + PopoverMDefaultLooseStartCenter( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultLooseStartBottomCenter() { + composeTestRule.content { + PopoverMDefaultLooseStartBottomCenter( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @Ignore + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultLooseTopEnd() { + composeTestRule.content { + PopoverMDefaultLooseTopEnd( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultLooseStartCenterEnd() { + composeTestRule.content { + PopoverMDefaultLooseStartCenterEnd( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testPopoverMDefaultLooseStartCenterBottomEnd() { + composeTestRule.content { + PopoverMDefaultLooseStartCenterBottomEnd( + style = Popover.Default.style(), + buttonStyle = BasicButton.Size32.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRadioBoxScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRadioBoxScreenshotTest.kt new file mode 100644 index 000000000..224a5e37c --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRadioBoxScreenshotTest.kt @@ -0,0 +1,56 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.RadioBoxChecked +import com.sdds.compose.uikit.fixtures.testcases.RadioBoxCheckedDisabled +import com.sdds.compose.uikit.fixtures.testcases.RadioBoxUnchecked +import com.sdds.compose.uikit.fixtures.testcases.RadioBoxUncheckedDisabled +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.radiobox.Default +import com.sdds.sbcom.styles.radiobox.RadioBox +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeRadioBoxScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testRadioBoxUnchecked() { + composeTestRule.content { + RadioBoxUnchecked(style = RadioBox.Default.style()) + } + } + + @Test + fun testRadioBoxChecked() { + composeTestRule.content { + RadioBoxChecked(style = RadioBox.Default.style()) + } + } + + @Test + fun testRadioBoxSizeUncheckedDisabled() { + composeTestRule.content { + RadioBoxUncheckedDisabled(style = RadioBox.Default.style()) + } + } + + @Test + fun testRadioBoxCheckedDisabled() { + composeTestRule.content { + RadioBoxCheckedDisabled(style = RadioBox.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRectSkeletonScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRectSkeletonScreenshotTest.kt new file mode 100644 index 000000000..11ec6ced1 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeRectSkeletonScreenshotTest.kt @@ -0,0 +1,37 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.RectSkeletonTest +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.rectskeleton.Default +import com.sdds.sbcom.styles.rectskeleton.Pulse +import com.sdds.sbcom.styles.rectskeleton.RectSkeleton +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeRectSkeletonScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testRectSkeleton() { + composeTestRule.content { + RectSkeletonTest(style = RectSkeleton.Default.style()) + } + } + + @Test + fun testRectSkeletonLighter() { + composeTestRule.content { + RectSkeletonTest(style = RectSkeleton.Pulse.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeScrollBarScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeScrollBarScreenshotTest.kt new file mode 100644 index 000000000..8584a5b6e --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeScrollBarScreenshotTest.kt @@ -0,0 +1,51 @@ +package com.sdds.sbcom + +import androidx.compose.ui.geometry.Offset +import androidx.compose.ui.test.onNodeWithTag +import androidx.compose.ui.test.performTouchInput +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.ScrollBarM +import com.sdds.compose.uikit.fixtures.testcases.ScrollBarS +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.scrollbar.Default +import com.sdds.sbcom.styles.scrollbar.ScrollBar +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeScrollBarScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testScrollBarM() { + composeTestRule.content { + ScrollBarM(style = ScrollBar.Default.style()) + } + composeTestRule.onNodeWithTag("scrollBar").performTouchInput { + down(center) + advanceEventTime(500L) + up() + } + } + + @Test + fun testScrollBarS() { + composeTestRule.content { + ScrollBarS(style = ScrollBar.Default.style()) + } + composeTestRule.onNodeWithTag("scrollBar").performTouchInput { + down(center) + advanceEventTime(500L) + moveBy(Offset(0f, 300f)) + up() + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSpinnerScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSpinnerScreenshotTest.kt new file mode 100644 index 000000000..5cf55c70b --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSpinnerScreenshotTest.kt @@ -0,0 +1,65 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.SpinnerTest +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.spinner.ModeColorAccent +import com.sdds.sbcom.styles.spinner.ModeColorDanger +import com.sdds.sbcom.styles.spinner.ModeColorGlobalWhite +import com.sdds.sbcom.styles.spinner.ModeColorPrimary +import com.sdds.sbcom.styles.spinner.ModeColorSecondary +import com.sdds.sbcom.styles.spinner.Size16 +import com.sdds.sbcom.styles.spinner.Size24 +import com.sdds.sbcom.styles.spinner.Size32 +import com.sdds.sbcom.styles.spinner.Size40 +import com.sdds.sbcom.styles.spinner.Spinner +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeSpinnerScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testSpinnerSpinnerSize40ModeColorPrimary() { + composeTestRule.content { + SpinnerTest(Spinner.Size40.ModeColorPrimary.style()) + } + } + + @Test + fun testSpinnerSpinnerSize32ModeColorAccent() { + composeTestRule.content { + SpinnerTest(Spinner.Size32.ModeColorAccent.style()) + } + } + + @Test + fun testSpinnerSpinnerSize24ModeColorDanger() { + composeTestRule.content { + SpinnerTest(Spinner.Size24.ModeColorDanger.style()) + } + } + + @Test + fun testSpinnerSpinnerSize16ModeColorSecondary() { + composeTestRule.content { + SpinnerTest(Spinner.Size16.ModeColorSecondary.style()) + } + } + + @Test + fun testSpinnerSpinnerSize40ModeColorGlobalWhite() { + composeTestRule.content { + SpinnerTest(Spinner.Size40.ModeColorGlobalWhite.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSwitchScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSwitchScreenshotTest.kt new file mode 100644 index 000000000..8e9ad58cd --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeSwitchScreenshotTest.kt @@ -0,0 +1,56 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.SwitchOff +import com.sdds.compose.uikit.fixtures.testcases.SwitchOffDisabledNoText +import com.sdds.compose.uikit.fixtures.testcases.SwitchOn +import com.sdds.compose.uikit.fixtures.testcases.SwitchOnDisabledNoText +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.switcher.Default +import com.sdds.sbcom.styles.switcher.Switch +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeSwitchScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testSwitchOn() { + composeTestRule.content { + SwitchOn(style = Switch.Default.style()) + } + } + + @Test + fun testSwitchOff() { + composeTestRule.content { + SwitchOff(style = Switch.Default.style()) + } + } + + @Test + fun testSwitchOnDisabled() { + composeTestRule.content { + SwitchOnDisabledNoText(style = Switch.Default.style()) + } + } + + @Test + fun testSwitchOffDisabled() { + composeTestRule.content { + SwitchOffDisabledNoText(style = Switch.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabBarScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabBarScreenshotTest.kt new file mode 100644 index 000000000..24becbed5 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabBarScreenshotTest.kt @@ -0,0 +1,72 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onAllNodesWithTag +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TabBarCounter +import com.sdds.compose.uikit.fixtures.testcases.TabBarCounterCountSix +import com.sdds.compose.uikit.fixtures.testcases.TabBarCustomWeight +import com.sdds.compose.uikit.fixtures.testcases.TabBarExtraNone +import com.sdds.compose.uikit.fixtures.testcases.TabBarIndicator +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.tabbar.Default +import com.sdds.sbcom.styles.tabbar.TabBar +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTabBarScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTabBarDefaultNone() { + composeTestRule.content { + TabBarExtraNone(style = TabBar.Default.style()) + } + } + + @Test + fun testTabBarDefaultCounter() { + composeTestRule.content { + TabBarCounter(style = TabBar.Default.style()) + } + } + + @Test + fun testTabBarIndicator() { + composeTestRule.content { + TabBarIndicator(style = TabBar.Default.style()) + } + } + + @Test + fun testTabBarDefaultCountSixCounter() { + composeTestRule.content { + TabBarCounterCountSix(style = TabBar.Default.style()) + } + } + + @Test + fun testTabBarDefaultClick() { + composeTestRule.content { + TabBarExtraNone(style = TabBar.Default.style()) + } + composeTestRule.onAllNodesWithTag("TabBar", useUnmergedTree = true)[1] + .performClick() + } + + @Test + fun testTabBarCustomWeight() { + composeTestRule.content { + TabBarCustomWeight(style = TabBar.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabsScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabsScreenshotTest.kt new file mode 100644 index 000000000..d4fd50b41 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTabsScreenshotTest.kt @@ -0,0 +1,73 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TabsDisabled +import com.sdds.compose.uikit.fixtures.testcases.TabsH1FiveValueScroll +import com.sdds.compose.uikit.fixtures.testcases.TabsH2TwoValueScroll +import com.sdds.compose.uikit.fixtures.testcases.TabsLHorizontalFiveHasDividerScroll +import com.sdds.compose.uikit.fixtures.testcases.TabsSHorizontalFiveIconEndStretch +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.tabs.Default +import com.sdds.sbcom.styles.tabs.TabsFolder +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTabsScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTabsHasDividerScroll() { + composeTestRule.content { + TabsLHorizontalFiveHasDividerScroll(TabsFolder.Default.style()) + } + composeTestRule.onNodeWithText("Tab2").performClick() + } + + @Test + fun testTabsFiveIconEndStretch() { + composeTestRule.content { + TabsSHorizontalFiveIconEndStretch(TabsFolder.Default.style()) + } + } + + @Test + fun testTabsDisabled() { + composeTestRule.content { + TabsDisabled(TabsFolder.Default.style()) + } + } + + @Test + fun testTabsDefaultScroll() { + composeTestRule.content { + TabsH1FiveValueScroll(TabsFolder.Default.style()) + } + } + + @Test + fun testTabsDefault() { + composeTestRule.content { + TabsH2TwoValueScroll(TabsFolder.Default.style()) + } + composeTestRule.onNodeWithText("Tab1").performClick() + } + + @Test + fun testTabsClick() { + composeTestRule.content { + TabsLHorizontalFiveHasDividerScroll(TabsFolder.Default.style()) + } + composeTestRule.onNodeWithText("Tab0").performClick() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextFieldScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextFieldScreenshotTest.kt new file mode 100644 index 000000000..ba6b9b173 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextFieldScreenshotTest.kt @@ -0,0 +1,83 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.onNodeWithTag +import androidx.compose.ui.test.performClick +import androidx.compose.ui.test.performTextInput +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextFieldIconRight +import com.sdds.compose.uikit.fixtures.testcases.TextFieldIconRightDisabled +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.textfield.Default +import com.sdds.sbcom.styles.textfield.TextField +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextFieldScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + /** + * Запуск скриншот тестов + */ + @Test + fun testTextFieldDefault() { + composeTestRule.content { + TextFieldIconRight(style = TextField.Default.style()) + } + } + + @Test + fun testTextFieldFocused() { + composeTestRule.content { + TextFieldIconRight(style = TextField.Default.style()) + } + composeTestRule.onNodeWithTag("textField") + .performClick() + .performTextInput("Value") + } + + @Test + fun testTextFieldLongText() { + composeTestRule.content { + TextFieldIconRight(style = TextField.Default.style()) + } + composeTestRule.onNodeWithTag("textField") + .performClick() + .performTextInput( + "Lorem Ipsum is simply dummy text of the printing and " + + "typesetting industry. Lorem Ipsum has been the industry's standard dummy " + + "text ever since the 1500s, when an unknown printer took a galley of type and " + + "scrambled it to make a type specimen book. It has survived not only five " + + "centuries, but also the leap into electronic typesetting, remaining " + + "essentially unchanged. It was popularised in the 1960s with the release " + + "of Letraset sheets containing Lorem Ipsum passages, and more recently " + + "with desktop publishing software like Aldus PageMaker including versions " + + "of Lorem Ipsum.", + ) + } + + @Test + fun testTextFieldLInputText() { + composeTestRule.content { + TextFieldIconRight(style = TextField.Default.style()) + } + composeTestRule.onNodeWithTag("textField") + .performClick() + .performTextInput("абвгдежзabcdefg@#643!#\$") + } + + @Test + fun testTextFieldLDisabled() { + composeTestRule.content { + TextFieldIconRightDisabled(style = TextField.Default.style()) + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextScreenshotTest.kt new file mode 100644 index 000000000..24a792e2b --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTextScreenshotTest.kt @@ -0,0 +1,34 @@ +package com.sdds.sbcom + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextClipFillBrush +import com.sdds.compose.uikit.fixtures.testcases.TextEllipsisFillColor +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTextEllipsisFillColor() { + composeTestRule.content { + TextEllipsisFillColor() + } + } + + @Test + fun testTextClipFillBrush() { + composeTestRule.content { + TextClipFillBrush() + } + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTooltipScreenshotTest.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTooltipScreenshotTest.kt new file mode 100644 index 000000000..e658d400b --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ComposeTooltipScreenshotTest.kt @@ -0,0 +1,179 @@ +package com.sdds.sbcom + +import androidx.compose.ui.test.assertIsNotDisplayed +import androidx.compose.ui.test.onNodeWithTag +import androidx.compose.ui.test.onNodeWithText +import androidx.compose.ui.test.performClick +import com.github.takahirom.roborazzi.ExperimentalRoborazziApi +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.github.takahirom.roborazzi.captureScreenRoboImage +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseStartBottomCenter +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseStartCenter +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseStartCenterBottomEnd +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseStartCenterEnd +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseTopEnd +import com.sdds.compose.uikit.fixtures.testcases.TooltipMLooseTopEndNotVisible +import com.sdds.compose.uikit.fixtures.testcases.TooltipMStrictBottomEndTopStart +import com.sdds.compose.uikit.fixtures.testcases.TooltipMStrictTopCenterCenterStart +import com.sdds.compose.uikit.fixtures.testcases.TooltipSLooseEndBottomStart +import com.sdds.compose.uikit.fixtures.testcases.TooltipSStrictBottomStartTopCenter +import com.sdds.compose.uikit.style.style +import com.sdds.sbcom.styles.basicbutton.BasicButton +import com.sdds.sbcom.styles.basicbutton.ModePrimary +import com.sdds.sbcom.styles.basicbutton.Size48 +import com.sdds.sbcom.styles.tooltip.Default +import com.sdds.sbcom.styles.tooltip.Tooltip +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTooltipScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMStrictBottomEndTopStart() { + composeTestRule.content { + TooltipMStrictBottomEndTopStart( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMStrictTopCenterCenterStart() { + composeTestRule.content { + TooltipMStrictTopCenterCenterStart( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipSLooseEndBottomStart() { + composeTestRule.content { + TooltipSLooseEndBottomStart( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipSStrictBottomStartTopCenter() { + composeTestRule.content { + TooltipSStrictBottomStartTopCenter( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMLooseTopEnd() { + composeTestRule.content { + TooltipMLooseTopEnd( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMLooseStartCenter() { + composeTestRule.content { + TooltipMLooseStartCenter( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMLooseStartBottomCenter() { + composeTestRule.content { + TooltipMLooseStartBottomCenter( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMLooseStartCenterEnd() { + composeTestRule.content { + TooltipMLooseStartCenterEnd( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @OptIn(ExperimentalRoborazziApi::class) + @Test + fun testTooltipMLooseStartCenterBottomEnd() { + composeTestRule.content { + TooltipMLooseStartCenterBottomEnd( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + captureScreenRoboImage() + } + + @Test + fun testTooltipMLooseTopEndNotVisible() { + composeTestRule.content { + TooltipMLooseTopEndNotVisible( + style = Tooltip.Default.style(), + buttonStyle = BasicButton.Size48.ModePrimary.style(), + ) + } + composeTestRule.onNodeWithText("Show").performClick() + composeTestRule.waitForIdle() + composeTestRule.onNodeWithTag("Tooltip").assertIsNotDisplayed() + } +} diff --git a/tokens/sdds-sbcom-compose/src/test/kotlin/ThemeUtils.kt b/tokens/sdds-sbcom-compose/src/test/kotlin/ThemeUtils.kt new file mode 100644 index 000000000..eef395989 --- /dev/null +++ b/tokens/sdds-sbcom-compose/src/test/kotlin/ThemeUtils.kt @@ -0,0 +1,65 @@ +package com.sdds.sbcom + +import android.app.Activity +import android.graphics.Color +import androidx.activity.ComponentActivity +import androidx.compose.foundation.isSystemInDarkTheme +import androidx.compose.runtime.Composable +import androidx.compose.runtime.SideEffect +import androidx.compose.ui.graphics.toArgb +import androidx.compose.ui.platform.LocalView +import androidx.compose.ui.test.junit4.AndroidComposeTestRule +import androidx.core.view.WindowCompat +import androidx.test.ext.junit.rules.ActivityScenarioRule +import com.sdds.sbcom.theme.SddsSbComTheme +import com.sdds.sbcom.theme.darkSddsSbComColors +import com.sdds.sbcom.theme.darkSddsSbComGradients +import com.sdds.sbcom.theme.lightSddsSbComColors +import com.sdds.sbcom.theme.lightSddsSbComGradients + +private val DarkColors = darkSddsSbComColors() +private val LightColors = lightSddsSbComColors() +private val DarkGradients = darkSddsSbComGradients() +private val LightGradients = lightSddsSbComGradients() + +/** + * Тема для тестов + */ +@Composable +fun ThemeSetup( + darkTheme: Boolean = isSystemInDarkTheme(), + content: @Composable () -> Unit, +) { + val colorScheme = when { + darkTheme -> DarkColors + else -> LightColors + } + val view = LocalView.current + if (!view.isInEditMode) { + SideEffect { + val window = (view.context as Activity).window + window.statusBarColor = Color.TRANSPARENT + window.navigationBarColor = Color.TRANSPARENT + window.decorView.setBackgroundColor(colorScheme.backgroundDefaultPrimary.toArgb()) + WindowCompat.getInsetsController(window, view).apply { + isAppearanceLightStatusBars = !darkTheme + isAppearanceLightNavigationBars = !darkTheme + } + } + } + SddsSbComTheme( + colors = colorScheme, + gradients = if (darkTheme) DarkGradients else LightGradients, + content = content, + ) +} + +fun AndroidComposeTestRule, ComponentActivity>.content( + content: @Composable () -> Unit, +) { + setContent { + ThemeSetup { + content() + } + } +} diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_dark.png b/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_dark.png new file mode 100644 index 000000000..b58973976 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_dark.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_light.png b/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_light.png new file mode 100644 index 000000000..20e0bb07d Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconFillBrush_light.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_dark.png b/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_dark.png new file mode 100644 index 000000000..a25ec8a6b Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_dark.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_light.png b/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_light.png new file mode 100644 index 000000000..ca80205b3 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconFillColor_light.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconTint_dark.png b/tokens/sdds.serv.compose/screenshots-compose/testIconTint_dark.png new file mode 100644 index 000000000..9bce4d758 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconTint_dark.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testIconTint_light.png b/tokens/sdds.serv.compose/screenshots-compose/testIconTint_light.png new file mode 100644 index 000000000..8e70bd449 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testIconTint_light.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_dark.png b/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_dark.png new file mode 100644 index 000000000..d49f4427c Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_dark.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_light.png b/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_light.png new file mode 100644 index 000000000..6355eaf0d Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testTextClipFillBrush_light.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_dark.png b/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_dark.png new file mode 100644 index 000000000..f1d6e2e91 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_dark.png differ diff --git a/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_light.png b/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_light.png new file mode 100644 index 000000000..1dfcd4280 Binary files /dev/null and b/tokens/sdds.serv.compose/screenshots-compose/testTextEllipsisFillColor_light.png differ diff --git a/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeIconScreenshotTest.kt b/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeIconScreenshotTest.kt new file mode 100644 index 000000000..a13f82901 --- /dev/null +++ b/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeIconScreenshotTest.kt @@ -0,0 +1,42 @@ +package com.sdds.serv + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.IconFillBrush +import com.sdds.compose.uikit.fixtures.testcases.IconFillColor +import com.sdds.compose.uikit.fixtures.testcases.IconTint +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeIconScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testIconFillColor() { + composeTestRule.content { + IconFillColor() + } + } + + @Test + fun testIconTint() { + composeTestRule.content { + IconTint() + } + } + + @Test + fun testIconFillBrush() { + composeTestRule.content { + IconFillBrush() + } + } +} diff --git a/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeTextScreenshotTest.kt b/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeTextScreenshotTest.kt new file mode 100644 index 000000000..fda5329e6 --- /dev/null +++ b/tokens/sdds.serv.compose/src/test/kotlin/com/sdds/serv/ComposeTextScreenshotTest.kt @@ -0,0 +1,34 @@ +package com.sdds.serv + +import com.github.takahirom.roborazzi.RobolectricDeviceQualifiers +import com.sdds.compose.uikit.fixtures.RoborazziConfigCompose +import com.sdds.compose.uikit.fixtures.SDK_NUMBER +import com.sdds.compose.uikit.fixtures.testcases.TextClipFillBrush +import com.sdds.compose.uikit.fixtures.testcases.TextEllipsisFillColor +import org.junit.Test +import org.junit.runner.RunWith +import org.robolectric.ParameterizedRobolectricTestRunner +import org.robolectric.annotation.Config +import org.robolectric.annotation.GraphicsMode + +@RunWith(ParameterizedRobolectricTestRunner::class) +@GraphicsMode(GraphicsMode.Mode.NATIVE) +@Config(sdk = [SDK_NUMBER], qualifiers = RobolectricDeviceQualifiers.Pixel6) +class ComposeTextScreenshotTest( + theme: String, +) : RoborazziConfigCompose(theme) { + + @Test + fun testTextEllipsisFillColor() { + composeTestRule.content { + TextEllipsisFillColor() + } + } + + @Test + fun testTextClipFillBrush() { + composeTestRule.content { + TextClipFillBrush() + } + } +}