diff --git a/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap b/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap index 935f5c4f..7a68fa03 100644 --- a/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap +++ b/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap @@ -130,6 +130,7 @@ exports[`Divider {"Icon": [Object], "align": "end", "layout": "horizontal", "sho }, ] } + testID="Subtitle" > test @@ -386,6 +387,7 @@ exports[`Divider {"Icon": [Object], "align": "end", "layout": "vertical", "text" }, ] } + testID="Subtitle" > test diff --git a/src/components/List/Base/ListBase.tsx b/src/components/List/Base/ListBase.tsx index d27c2ba8..8bf1b39e 100644 --- a/src/components/List/Base/ListBase.tsx +++ b/src/components/List/Base/ListBase.tsx @@ -80,7 +80,7 @@ export const ListBase = memo( accessibilityRole='button' accessibilityValue={{ text: caption }} disabled={disabled} - testID={testID || 'ListBase'} + testID={testID || ListBaseTestId.root} onPress={onPress} {...rest} > @@ -99,6 +99,7 @@ export const ListBase = memo( @@ -110,7 +111,7 @@ export const ListBase = memo( {subtitle} ) : null} - {title} + {title} {caption ? ( {caption} ) : null} @@ -123,6 +124,7 @@ export const ListBase = memo( {RightIcon ? ( @@ -136,6 +138,13 @@ export const ListBase = memo( } ) +const ListBaseTestId = { + root: 'ListBase', + leftIcon: 'LeftIcon', + rightIcon: 'RightIcon', + title: 'Title', +} + const useStyles = makeStyles(({ spacing, typography, theme, background }) => ({ container: { flexDirection: 'row', diff --git a/src/components/List/Base/__tests__/__snapshots__/ListBase.test.tsx.snap b/src/components/List/Base/__tests__/__snapshots__/ListBase.test.tsx.snap index ddeb7e7a..0eeca9e1 100644 --- a/src/components/List/Base/__tests__/__snapshots__/ListBase.test.tsx.snap +++ b/src/components/List/Base/__tests__/__snapshots__/ListBase.test.tsx.snap @@ -89,7 +89,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="LeftIcon" vbHeight={24} vbWidth={24} width={21} @@ -135,7 +135,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="LeftIcon" /> @@ -290,6 +290,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` undefined, ] } + testID="Subtitle" > Subtitle @@ -321,6 +322,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` undefined, ] } + testID="Title" > Title @@ -341,6 +343,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` undefined, ] } + testID="CaptionText" > Caption @@ -466,7 +469,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="RightIcon" vbHeight={24} vbWidth={24} width={21} @@ -512,7 +515,7 @@ exports[`ListBase tests ListBase centered and full divider 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="RightIcon" /> @@ -635,7 +638,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="LeftIcon" vbHeight={24} vbWidth={24} width={21} @@ -681,7 +684,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="LeftIcon" /> @@ -836,6 +839,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` undefined, ] } + testID="Subtitle" > Subtitle @@ -867,6 +871,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` undefined, ] } + testID="Title" > Title @@ -887,6 +892,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` undefined, ] } + testID="CaptionText" > Caption @@ -1012,7 +1018,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="RightIcon" vbHeight={24} vbWidth={24} width={21} @@ -1058,7 +1064,7 @@ exports[`ListBase tests ListBase full disabled 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="RightIcon" /> @@ -1176,7 +1182,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="LeftIcon" vbHeight={24} vbWidth={24} width={21} @@ -1224,7 +1230,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="LeftIcon" /> @@ -1387,6 +1393,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` undefined, ] } + testID="Subtitle" > Subtitle @@ -1418,6 +1425,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` undefined, ] } + testID="Title" > Title @@ -1438,6 +1446,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` undefined, ] } + testID="CaptionText" > Caption @@ -1563,7 +1572,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` }, ] } - testID="SvgUniversalComponent" + testID="RightIcon" vbHeight={24} vbWidth={24} width={21} @@ -1611,7 +1620,7 @@ exports[`ListBase tests ListBase maximal config 1`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="RightIcon" /> @@ -1747,6 +1756,7 @@ exports[`ListBase tests ListBase minimal config 1`] = ` undefined, ] } + testID="Title" > Menu Item diff --git a/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap b/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap index e9abfe73..4aa1aefd 100644 --- a/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap +++ b/src/components/MenuItem/Template/__tests__/__snapshots__/MenuItemTemplate.test.tsx.snap @@ -256,6 +256,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate full disabled 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -276,6 +277,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate full disabled 1`] = ` undefined, ] } + testID="CaptionText" > Caption @@ -617,6 +619,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate minimal config 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -816,6 +819,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate prefix,suffix = right 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -836,6 +840,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate prefix,suffix = right 1`] = ` undefined, ] } + testID="CaptionText" > Caption @@ -1148,6 +1153,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with colored icon 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -1260,6 +1266,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with extra 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -1581,6 +1588,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -1837,6 +1845,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with icon and badge 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -1952,6 +1961,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with padding 1`] = ` undefined, ] } + testID="Body" > Menu Item @@ -2070,6 +2080,7 @@ exports[`MenuItemTemplate tests MenuItemTemplate with separator 1`] = ` undefined, ] } + testID="Body" > Menu Item diff --git a/src/components/Typography/Body.tsx b/src/components/Typography/Body.tsx index 9d311e39..2c06acf0 100644 --- a/src/components/Typography/Body.tsx +++ b/src/components/Typography/Body.tsx @@ -32,6 +32,7 @@ export const Body = ({ disabled && styles.disabled, style, ]} + testID='Body' {...other} /> ) diff --git a/src/components/Typography/Caption.tsx b/src/components/Typography/Caption.tsx index edffa2b9..888d7ecf 100644 --- a/src/components/Typography/Caption.tsx +++ b/src/components/Typography/Caption.tsx @@ -27,6 +27,7 @@ export const Caption = ({ Icon && styles.textWithIcon, style, ]} + testID={CaptionTestId.text} {...other} /> ) @@ -34,7 +35,12 @@ export const Caption = ({ if (Icon) { return ( - + {text} ) @@ -43,6 +49,8 @@ export const Caption = ({ return text } +const CaptionTestId = { text: 'CaptionText', icon: 'CaptionIcon' } + const useStyles = makeStyles(({ theme, spacing, typography, fonts }) => ({ text: { fontSize: typography.Size['text-sm'], diff --git a/src/components/Typography/Subtitle.tsx b/src/components/Typography/Subtitle.tsx index 5fd2542c..f1a6f79a 100644 --- a/src/components/Typography/Subtitle.tsx +++ b/src/components/Typography/Subtitle.tsx @@ -27,6 +27,7 @@ export const Subtitle = memo( return ( ) diff --git a/src/components/Typography/Title.tsx b/src/components/Typography/Title.tsx index a144f9e7..a19f7aa2 100644 --- a/src/components/Typography/Title.tsx +++ b/src/components/Typography/Title.tsx @@ -9,7 +9,13 @@ export interface TitleProps extends TextProps { export const Title = ({ level, style, ...other }: TitleProps) => { const styles = useStyles() - return + return ( + + ) } const useStyles = makeStyles(({ theme, typography, fonts }) => ({ diff --git a/src/components/Typography/__tests__/__snapshots__/Body.test.tsx.snap b/src/components/Typography/__tests__/__snapshots__/Body.test.tsx.snap index 0c34d91f..2b990010 100644 --- a/src/components/Typography/__tests__/__snapshots__/Body.test.tsx.snap +++ b/src/components/Typography/__tests__/__snapshots__/Body.test.tsx.snap @@ -22,6 +22,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -49,6 +50,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -76,6 +78,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -105,6 +108,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -134,6 +138,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -163,6 +168,7 @@ exports[`Body component tests base = false, color = default, disabled = false, p undefined, ] } + testID="Body" > Text @@ -192,6 +198,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -221,6 +228,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -250,6 +258,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -281,6 +290,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -312,6 +322,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -343,6 +354,7 @@ exports[`Body component tests base = false, color = default, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -370,6 +382,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -397,6 +410,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -424,6 +438,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -453,6 +468,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -482,6 +498,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -511,6 +528,7 @@ exports[`Body component tests base = false, color = primary, disabled = false, p undefined, ] } + testID="Body" > Text @@ -540,6 +558,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -569,6 +588,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -598,6 +618,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -629,6 +650,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -660,6 +682,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -691,6 +714,7 @@ exports[`Body component tests base = false, color = primary, disabled = true, pa undefined, ] } + testID="Body" > Text @@ -718,6 +742,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -745,6 +770,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -772,6 +798,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -801,6 +828,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -830,6 +858,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -859,6 +888,7 @@ exports[`Body component tests base = false, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -888,6 +918,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -917,6 +948,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -946,6 +978,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -977,6 +1010,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -1008,6 +1042,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -1039,6 +1074,7 @@ exports[`Body component tests base = false, color = secondary, disabled = true, undefined, ] } + testID="Body" > Text @@ -1068,6 +1104,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1097,6 +1134,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1126,6 +1164,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1157,6 +1196,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1188,6 +1228,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1219,6 +1260,7 @@ exports[`Body component tests base = true, color = default, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1250,6 +1292,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1281,6 +1324,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1312,6 +1356,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1345,6 +1390,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1378,6 +1424,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1411,6 +1458,7 @@ exports[`Body component tests base = true, color = default, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1440,6 +1488,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1469,6 +1518,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1498,6 +1548,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1529,6 +1580,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1560,6 +1612,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1591,6 +1644,7 @@ exports[`Body component tests base = true, color = primary, disabled = false, pa undefined, ] } + testID="Body" > Text @@ -1622,6 +1676,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1653,6 +1708,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1684,6 +1740,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1717,6 +1774,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1750,6 +1808,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1783,6 +1842,7 @@ exports[`Body component tests base = true, color = primary, disabled = true, par undefined, ] } + testID="Body" > Text @@ -1812,6 +1872,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1841,6 +1902,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1870,6 +1932,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1901,6 +1964,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1932,6 +1996,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1963,6 +2028,7 @@ exports[`Body component tests base = true, color = secondary, disabled = false, undefined, ] } + testID="Body" > Text @@ -1994,6 +2060,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2025,6 +2092,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2056,6 +2124,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2089,6 +2158,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2122,6 +2192,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2155,6 +2226,7 @@ exports[`Body component tests base = true, color = secondary, disabled = true, p undefined, ] } + testID="Body" > Text @@ -2182,6 +2254,7 @@ exports[`Body component tests default props 1`] = ` undefined, ] } + testID="Body" > Text diff --git a/src/components/Typography/__tests__/__snapshots__/Caption.test.tsx.snap b/src/components/Typography/__tests__/__snapshots__/Caption.test.tsx.snap index eb2299e9..8aee1bc0 100644 --- a/src/components/Typography/__tests__/__snapshots__/Caption.test.tsx.snap +++ b/src/components/Typography/__tests__/__snapshots__/Caption.test.tsx.snap @@ -18,6 +18,7 @@ exports[`Caption component tests color = default, disabled = false 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -59,7 +60,7 @@ exports[`Caption component tests color = default, disabled = false 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -107,7 +108,7 @@ exports[`Caption component tests color = default, disabled = false 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -176,6 +177,7 @@ exports[`Caption component tests color = default, disabled = false 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -202,6 +204,7 @@ exports[`Caption component tests color = default, disabled = true 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -243,7 +246,7 @@ exports[`Caption component tests color = default, disabled = true 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -291,7 +294,7 @@ exports[`Caption component tests color = default, disabled = true 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -362,6 +365,7 @@ exports[`Caption component tests color = default, disabled = true 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -386,6 +390,7 @@ exports[`Caption component tests color = primary, disabled = false 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -427,7 +432,7 @@ exports[`Caption component tests color = primary, disabled = false 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -475,7 +480,7 @@ exports[`Caption component tests color = primary, disabled = false 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -544,6 +549,7 @@ exports[`Caption component tests color = primary, disabled = false 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -570,6 +576,7 @@ exports[`Caption component tests color = primary, disabled = true 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -611,7 +618,7 @@ exports[`Caption component tests color = primary, disabled = true 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -659,7 +666,7 @@ exports[`Caption component tests color = primary, disabled = true 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -730,6 +737,7 @@ exports[`Caption component tests color = primary, disabled = true 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -754,6 +762,7 @@ exports[`Caption component tests color = secondary, disabled = false 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -795,7 +804,7 @@ exports[`Caption component tests color = secondary, disabled = false 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -843,7 +852,7 @@ exports[`Caption component tests color = secondary, disabled = false 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -912,6 +921,7 @@ exports[`Caption component tests color = secondary, disabled = false 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -938,6 +948,7 @@ exports[`Caption component tests color = secondary, disabled = true 1`] = ` undefined, ] } + testID="CaptionText" > Text @@ -979,7 +990,7 @@ exports[`Caption component tests color = secondary, disabled = true 2`] = ` }, ] } - testID="SvgUniversalComponent" + testID="CaptionIcon" vbHeight={24} vbWidth={24} width={14} @@ -1027,7 +1038,7 @@ exports[`Caption component tests color = secondary, disabled = true 2`] = ` strokeLinecap={1} strokeLinejoin={1} strokeWidth={2} - testID="SvgUniversalComponent" + testID="CaptionIcon" /> @@ -1098,6 +1109,7 @@ exports[`Caption component tests color = secondary, disabled = true 2`] = ` undefined, ] } + testID="CaptionText" > Text @@ -1122,6 +1134,7 @@ exports[`Caption component tests default props 1`] = ` undefined, ] } + testID="CaptionText" > Text diff --git a/src/components/Typography/__tests__/__snapshots__/Subtitle.test.tsx.snap b/src/components/Typography/__tests__/__snapshots__/Subtitle.test.tsx.snap index b89d6f9e..a4c294e5 100644 --- a/src/components/Typography/__tests__/__snapshots__/Subtitle.test.tsx.snap +++ b/src/components/Typography/__tests__/__snapshots__/Subtitle.test.tsx.snap @@ -19,6 +19,7 @@ exports[`Subtitle component tests base = false, color = default 1`] = ` }, ] } + testID="Subtitle" > Text @@ -43,6 +44,7 @@ exports[`Subtitle component tests base = false, color = primary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -67,6 +69,7 @@ exports[`Subtitle component tests base = false, color = secondary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -91,6 +94,7 @@ exports[`Subtitle component tests base = false, color = undefined 1`] = ` }, ] } + testID="Subtitle" > Text @@ -118,6 +122,7 @@ exports[`Subtitle component tests base = true, color = default 1`] = ` }, ] } + testID="Subtitle" > Text @@ -145,6 +150,7 @@ exports[`Subtitle component tests base = true, color = primary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -172,6 +178,7 @@ exports[`Subtitle component tests base = true, color = secondary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -199,6 +206,7 @@ exports[`Subtitle component tests base = true, color = undefined 1`] = ` }, ] } + testID="Subtitle" > Text @@ -223,6 +231,7 @@ exports[`Subtitle component tests base = undefined, color = default 1`] = ` }, ] } + testID="Subtitle" > Text @@ -247,6 +256,7 @@ exports[`Subtitle component tests base = undefined, color = primary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -271,6 +281,7 @@ exports[`Subtitle component tests base = undefined, color = secondary 1`] = ` }, ] } + testID="Subtitle" > Text @@ -295,6 +306,7 @@ exports[`Subtitle component tests base = undefined, color = undefined 1`] = ` }, ] } + testID="Subtitle" > Text diff --git a/src/components/Typography/__tests__/__snapshots__/Title.test.tsx.snap b/src/components/Typography/__tests__/__snapshots__/Title.test.tsx.snap index f941916d..b73d8f22 100644 --- a/src/components/Typography/__tests__/__snapshots__/Title.test.tsx.snap +++ b/src/components/Typography/__tests__/__snapshots__/Title.test.tsx.snap @@ -17,6 +17,7 @@ exports[`Title component tests level = h1 1`] = ` undefined, ] } + testID="Title" > Text @@ -39,6 +40,7 @@ exports[`Title component tests level = h2 1`] = ` undefined, ] } + testID="Title" > Text @@ -61,6 +63,7 @@ exports[`Title component tests level = h3 1`] = ` undefined, ] } + testID="Title" > Text @@ -83,6 +86,7 @@ exports[`Title component tests level = h4 1`] = ` undefined, ] } + testID="Title" > Text @@ -105,6 +109,7 @@ exports[`Title component tests level = h5 1`] = ` undefined, ] } + testID="Title" > Text @@ -127,6 +132,7 @@ exports[`Title component tests level = h6 1`] = ` undefined, ] } + testID="Title" > Text