Skip to content

Commit

Permalink
test(rebranding): add tooltip tests (#1919)
Browse files Browse the repository at this point in the history 
Co-authored-by: Chaitanya Deorukhkar <deorukhkarchaitanya@gmail.com>
fix: documentation bugs after storybook upgrade (#1917)
  • Loading branch information
@anuraghazra @chaitanyadeorukhkar
anuraghazra and chaitanyadeorukhkar authored Dec 29, 2023
1 parent 8daa6db commit 1b9f4ee
Show file tree
Hide file tree
Showing 1,110 changed files with 1,672 additions and 1,679 deletions.
8 changes: 4 additions & 4 deletions packages/blade/codemods/brand-refresh/transformers/colorTokensMapping.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,8 +83,8 @@
"feedback.text.notice.highContrast": "feedback.text.notice.intense",
"feedback.text.information.lowContrast": "feedback.text.information.intense",
"feedback.text.information.highContrast": "feedback.text.information.intense",
"feedback.text.neutral.lowContrast": "feedback.text.gray.normal",
"feedback.text.neutral.highContrast": "feedback.text.gray.normal",
"feedback.text.neutral.lowContrast": "feedback.text.neutral.intense",
"feedback.text.neutral.highContrast": "surface.text.staticWhite.normal",
"feedback.icon.positive.lowContrast": "feedback.icon.positive.intense",
"feedback.icon.positive.highContrast": "feedback.icon.positive.intense",
"feedback.icon.negative.lowContrast": "feedback.icon.negative.intense",
Expand All @@ -93,8 +93,8 @@
"feedback.icon.notice.highContrast": "feedback.icon.notice.intense",
"feedback.icon.information.lowContrast": "feedback.icon.information.intense",
"feedback.icon.information.highContrast": "feedback.icon.information.intense",
"feedback.icon.neutral.lowContrast": "feedback.icon.gray.normal",
"feedback.icon.neutral.highContrast": "feedback.icon.gray.normal",
"feedback.icon.neutral.lowContrast": "feedback.icon.neutral.intense",
"feedback.icon.neutral.highContrast": "surface.icon.staticWhite.normal",
"feedback.positive.action.background.primary.default.highContrast": "interactive.background.positive.default",
"feedback.positive.action.background.primary.default.lowContrast": "interactive.background.positive.faded",
"feedback.positive.action.background.primary.hover.highContrast": "interactive.background.positive.default",
Expand Down
14 changes: 9 additions & 5 deletions packages/blade/jest.native.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
const rebrandedComponents = require('./rebranded-components');
const { rebrandedComponents } = require('./rebranded-components');

const ignores = ['/node_modules/'];

module.exports = {
preset: 'react-native',
testPathIgnorePatterns: [...ignores, 'web.test', 'ssr.test'],
collectCoverageFrom: rebrandedComponents.map(
(component) => `./src/**/${component}.native.{ts,tsx}`,
),
collectCoverageFrom: [
...rebrandedComponents.map((component) => `./src/**/${component}.native.{ts,tsx}`),
'**/Icons/*Icon/*.native.test.{ts,tsx}',
],
coverageThreshold: {
global: {
branches: 75,
Expand All @@ -17,7 +18,10 @@ module.exports = {
},
},
moduleFileExtensions: ['native.ts', 'native.tsx', 'ts', 'tsx', 'js', 'json', 'node'],
testMatch: rebrandedComponents.map((component) => `**/${component}.native.test.{ts,tsx}`),
testMatch: [
...rebrandedComponents.map((component) => `**/${component}.native.test.{ts,tsx}`),
'**/Icons/*Icon/*.native.test.{ts,tsx}',
],
transform: {
'\\.(js|ts|tsx)?$': './jest-preprocess.js',
},
Expand Down
7 changes: 5 additions & 2 deletions packages/blade/jest.web.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
const rebrandedComponents = require('./rebranded-components');
const { rebrandedComponents } = require('./rebranded-components');

const ignores = ['/node_modules/'];

Expand All @@ -14,7 +14,10 @@ const baseConfig = {
},
snapshotSerializers: ['<rootDir>/jestStyledComponentsSerializer.js'],
moduleFileExtensions: ['web.ts', 'web.tsx', 'ts', 'tsx', 'js', 'json', 'node'],
testMatch: rebrandedComponents.map((component) => `**/${component}.web.test.{ts,tsx}`),
testMatch: [
...rebrandedComponents.map((component) => `**/${component}.web.test.{ts,tsx}`),
'**/Icons/*Icon/*.web.test.{ts,tsx}',
],
transform: {
'\\.(js|ts|tsx)?$': './jest-preprocess.js',
},
Expand Down
5 changes: 3 additions & 2 deletions packages/blade/rebranded-components.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
// baseBoxStyles
const rebrandedComponents = [
'BaseBox',
'BaseText',
Expand All @@ -20,6 +19,7 @@ const rebrandedComponents = [
'Card',
'List',
'Tabs',
'Tag',
'Box',
'Accordion',
'Collapsible',
Expand All @@ -28,6 +28,7 @@ const rebrandedComponents = [
'Modal',
'SkipNav',
'VisuallyHidden',
'Tooltip',
];

module.exports = rebrandedComponents;
module.exports = { rebrandedComponents };
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/ActivityIcon/ActivityIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<ActivityIcon />', () => {
it('should render ActivityIcon', () => {
const renderTree = renderWithTheme(
<ActivityIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<ActivityIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/ActivityIcon/ActivityIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<ActivityIcon />', () => {
it('should render ActivityIcon', () => {
const { container } = renderWithTheme(
<ActivityIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<ActivityIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion ...s/blade/src/components/Icons/ActivityIcon/__snapshots__/ActivityIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ exports[`<ActivityIcon /> should render ActivityIcon 1`] = `
<RNSVGPath
clipRule={0}
d="M9 1C9.43043 1 9.81257 1.27543 9.94868 1.68377L15 16.8377L17.0513 10.6838C17.1874 10.2754 17.5696 10 18 10H22C22.5523 10 23 10.4477 23 11C23 11.5523 22.5523 12 22 12H18.7208L15.9487 20.3162C15.8126 20.7246 15.4304 21 15 21C14.5696 21 14.1874 20.7246 14.0513 20.3162L9 5.16228L6.94868 11.3162C6.81257 11.7246 6.43043 12 6 12H2C1.44772 12 1 11.5523 1 11C1 10.4477 1.44772 10 2 10H5.27924L8.05132 1.68377C8.18743 1.27543 8.56957 1 9 1Z"
fill={4282603381}
fill={4280563015}
fillRule={0}
propList={
[
Expand Down
2 changes: 1 addition & 1 deletion ...ages/blade/src/components/Icons/ActivityIcon/__snapshots__/ActivityIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ exports[`<ActivityIcon /> should render ActivityIcon 1`] = `
clip-rule="evenodd"
d="M9 1C9.43043 1 9.81257 1.27543 9.94868 1.68377L15 16.8377L17.0513 10.6838C17.1874 10.2754 17.5696 10 18 10H22C22.5523 10 23 10.4477 23 11C23 11.5523 22.5523 12 22 12H18.7208L15.9487 20.3162C15.8126 20.7246 15.4304 21 15 21C14.5696 21 14.1874 20.7246 14.0513 20.3162L9 5.16228L6.94868 11.3162C6.81257 11.7246 6.43043 12 6 12H2C1.44772 12 1 11.5523 1 11C1 10.4477 1.44772 10 2 10H5.27924L8.05132 1.68377C8.18743 1.27543 8.56957 1 9 1Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AirplayIcon/AirplayIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<AirplayIcon />', () => {
it('should render AirplayIcon', () => {
const renderTree = renderWithTheme(
<AirplayIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AirplayIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AirplayIcon/AirplayIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<AirplayIcon />', () => {
it('should render AirplayIcon', () => {
const { container } = renderWithTheme(
<AirplayIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AirplayIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
4 changes: 2 additions & 2 deletions ...ges/blade/src/components/Icons/AirplayIcon/__snapshots__/AirplayIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ exports[`<AirplayIcon /> should render AirplayIcon 1`] = `
>
<RNSVGPath
d="M3 4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V14C21 14.5523 20.5523 15 20 15H19C18.4477 15 18 15.4477 18 16C18 16.5523 18.4477 17 19 17H20C21.6569 17 23 15.6569 23 14V4C23 2.34315 21.6569 1 20 1H4C2.34315 1 1 2.34315 1 4V14C1 15.6569 2.34315 17 4 17H5C5.55228 17 6 16.5523 6 16C6 15.4477 5.55228 15 5 15H4C3.44772 15 3 14.5523 3 14V4Z"
fill={4282603381}
fill={4280563015}
propList={
[
"fill",
Expand All @@ -61,7 +61,7 @@ exports[`<AirplayIcon /> should render AirplayIcon 1`] = `
<RNSVGPath
clipRule={0}
d="M12.7682 13.3598C12.5782 13.1318 12.2968 13 12 13C11.7032 13 11.4218 13.1318 11.2318 13.3598L6.23179 19.3598C5.98339 19.6579 5.92984 20.0728 6.09442 20.4242C6.259 20.7755 6.61199 21 7.00001 21H17C17.388 21 17.741 20.7755 17.9056 20.4242C18.0702 20.0728 18.0166 19.6579 17.7682 19.3598L12.7682 13.3598ZM12 15.562L14.865 19H9.13505L12 15.562Z"
fill={4282603381}
fill={4280563015}
fillRule={0}
propList={
[
Expand Down
4 changes: 2 additions & 2 deletions packages/blade/src/components/Icons/AirplayIcon/__snapshots__/AirplayIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@ exports[`<AirplayIcon /> should render AirplayIcon 1`] = `
<path
d="M3 4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V14C21 14.5523 20.5523 15 20 15H19C18.4477 15 18 15.4477 18 16C18 16.5523 18.4477 17 19 17H20C21.6569 17 23 15.6569 23 14V4C23 2.34315 21.6569 1 20 1H4C2.34315 1 1 2.34315 1 4V14C1 15.6569 2.34315 17 4 17H5C5.55228 17 6 16.5523 6 16C6 15.4477 5.55228 15 5 15H4C3.44772 15 3 14.5523 3 14V4Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
clip-rule="evenodd"
d="M12.7682 13.3598C12.5782 13.1318 12.2968 13 12 13C11.7032 13 11.4218 13.1318 11.2318 13.3598L6.23179 19.3598C5.98339 19.6579 5.92984 20.0728 6.09442 20.4242C6.259 20.7755 6.61199 21 7.00001 21H17C17.388 21 17.741 20.7755 17.9056 20.4242C18.0702 20.0728 18.0166 19.6579 17.7682 19.3598L12.7682 13.3598ZM12 15.562L14.865 19H9.13505L12 15.562Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertCircleIcon/AlertCircleIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<AlertCircleIcon />', () => {
it('should render AlertCircleIcon', () => {
const renderTree = renderWithTheme(
<AlertCircleIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertCircleIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertCircleIcon/AlertCircleIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<AlertCircleIcon />', () => {
it('should render AlertCircleIcon', () => {
const { container } = renderWithTheme(
<AlertCircleIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertCircleIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
6 changes: 3 additions & 3 deletions ...e/src/components/Icons/AlertCircleIcon/__snapshots__/AlertCircleIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ exports[`<AlertCircleIcon /> should render AlertCircleIcon 1`] = `
>
<RNSVGPath
d="M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z"
fill={4282603381}
fill={4280563015}
propList={
[
"fill",
Expand All @@ -60,7 +60,7 @@ exports[`<AlertCircleIcon /> should render AlertCircleIcon 1`] = `
/>
<RNSVGPath
d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z"
fill={4282603381}
fill={4280563015}
propList={
[
"fill",
Expand All @@ -70,7 +70,7 @@ exports[`<AlertCircleIcon /> should render AlertCircleIcon 1`] = `
<RNSVGPath
clipRule={0}
d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z"
fill={4282603381}
fill={4280563015}
fillRule={0}
propList={
[
Expand Down
6 changes: 3 additions & 3 deletions ...lade/src/components/Icons/AlertCircleIcon/__snapshots__/AlertCircleIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,18 +14,18 @@ exports[`<AlertCircleIcon /> should render AlertCircleIcon 1`] = `
<path
d="M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
clip-rule="evenodd"
d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertOctagonIcon/AlertOctagonIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<AlertOctagonIcon />', () => {
it('should render AlertOctagonIcon', () => {
const renderTree = renderWithTheme(
<AlertOctagonIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertOctagonIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertOctagonIcon/AlertOctagonIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<AlertOctagonIcon />', () => {
it('should render AlertOctagonIcon', () => {
const { container } = renderWithTheme(
<AlertOctagonIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertOctagonIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
6 changes: 3 additions & 3 deletions ...src/components/Icons/AlertOctagonIcon/__snapshots__/AlertOctagonIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ exports[`<AlertOctagonIcon /> should render AlertOctagonIcon 1`] = `
>
<RNSVGPath
d="M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z"
fill={4282603381}
fill={4280563015}
propList={
[
"fill",
Expand All @@ -60,7 +60,7 @@ exports[`<AlertOctagonIcon /> should render AlertOctagonIcon 1`] = `
/>
<RNSVGPath
d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z"
fill={4282603381}
fill={4280563015}
propList={
[
"fill",
Expand All @@ -70,7 +70,7 @@ exports[`<AlertOctagonIcon /> should render AlertOctagonIcon 1`] = `
<RNSVGPath
clipRule={0}
d="M7.15289 1.29289C7.33386 1.11193 7.58386 1 7.86 1H16.14C16.4052 1 16.6596 1.10536 16.8471 1.29289L22.7071 7.15289C22.8946 7.34043 23 7.59478 23 7.86V16.14C23 16.4052 22.8946 16.6596 22.7071 16.8471L16.8471 22.7071C16.6596 22.8946 16.4052 23 16.14 23H7.86C7.59478 23 7.34043 22.8946 7.15289 22.7071L1.29289 16.8471C1.10536 16.6596 1 16.4052 1 16.14V7.86C1 7.59478 1.10536 7.34043 1.29289 7.15289L7.15289 1.29289ZM8.27421 3L3 8.27421V15.7258L8.27421 21H15.7258L21 15.7258V8.27421L15.7258 3H8.27421Z"
fill={4282603381}
fill={4280563015}
fillRule={0}
propList={
[
Expand Down
6 changes: 3 additions & 3 deletions ...de/src/components/Icons/AlertOctagonIcon/__snapshots__/AlertOctagonIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,18 +14,18 @@ exports[`<AlertOctagonIcon /> should render AlertOctagonIcon 1`] = `
<path
d="M12 7C12.5523 7 13 7.44772 13 8V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V8C11 7.44772 11.4477 7 12 7Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
d="M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
/>
<path
clip-rule="evenodd"
d="M7.15289 1.29289C7.33386 1.11193 7.58386 1 7.86 1H16.14C16.4052 1 16.6596 1.10536 16.8471 1.29289L22.7071 7.15289C22.8946 7.34043 23 7.59478 23 7.86V16.14C23 16.4052 22.8946 16.6596 22.7071 16.8471L16.8471 22.7071C16.6596 22.8946 16.4052 23 16.14 23H7.86C7.59478 23 7.34043 22.8946 7.15289 22.7071L1.29289 16.8471C1.10536 16.6596 1 16.4052 1 16.14V7.86C1 7.59478 1.10536 7.34043 1.29289 7.15289L7.15289 1.29289ZM8.27421 3L3 8.27421V15.7258L8.27421 21H15.7258L21 15.7258V8.27421L15.7258 3H8.27421Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertOnlyIcon/AlertOnlyIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<AlertOnlyIcon />', () => {
it('should render AlertOnlyIcon', () => {
const renderTree = renderWithTheme(
<AlertOnlyIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertOnlyIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertOnlyIcon/AlertOnlyIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<AlertOnlyIcon />', () => {
it('should render AlertOnlyIcon', () => {
const { container } = renderWithTheme(
<AlertOnlyIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertOnlyIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion ...blade/src/components/Icons/AlertOnlyIcon/__snapshots__/AlertOnlyIcon.native.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ exports[`<AlertOnlyIcon /> should render AlertOnlyIcon 1`] = `
<RNSVGPath
clipRule={0}
d="M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5V14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14V5ZM12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z"
fill={4282603381}
fill={4280563015}
fillRule={0}
propList={
[
Expand Down
2 changes: 1 addition & 1 deletion ...es/blade/src/components/Icons/AlertOnlyIcon/__snapshots__/AlertOnlyIcon.web.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ exports[`<AlertOnlyIcon /> should render AlertOnlyIcon 1`] = `
clip-rule="evenodd"
d="M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5V14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14V5ZM12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z"
data-blade-component="svg-path"
fill="hsla(216, 27%, 36%, 1)"
fill="hsla(211, 33%, 21%, 1)"
fill-rule="evenodd"
/>
</svg>
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertTriangleIcon/AlertTriangleIcon.native.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.native';
describe('<AlertTriangleIcon />', () => {
it('should render AlertTriangleIcon', () => {
const renderTree = renderWithTheme(
<AlertTriangleIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertTriangleIcon color="feedback.icon.neutral.intense" size="large" />,
).toJSON();
expect(renderTree).toMatchSnapshot();
});
Expand Down
2 changes: 1 addition & 1 deletion packages/blade/src/components/Icons/AlertTriangleIcon/AlertTriangleIcon.web.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import renderWithTheme from '~utils/testing/renderWithTheme.web';
describe('<AlertTriangleIcon />', () => {
it('should render AlertTriangleIcon', () => {
const { container } = renderWithTheme(
<AlertTriangleIcon color="feedback.icon.neutral.lowContrast" size="large" />,
<AlertTriangleIcon color="feedback.icon.neutral.intense" size="large" />,
);
expect(container).toMatchSnapshot();
});
Expand Down
Loading

0 comments on commit 1b9f4ee

Please sign in to comment.