Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] FEI-5589: Experiment with CSS modules - DO NOT REVIEW #2226

Draft
wants to merge 23 commits into
base: main
Choose a base branch
from
Draft
Changes from 1 commit
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
extract css-modules code as separate css (build)
jandrade committed May 22, 2024
commit e5ed7c7133037462fd0bbabf07bd48667c9ca090
2 changes: 1 addition & 1 deletion build-settings/rollup.config.js
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@
import resolve from "@rollup/plugin-node-resolve";
import postcss from "rollup-plugin-postcss";

const { presets, plugins } = require("./babel.config")({ env: () => false });

Check failure on line 10 in build-settings/rollup.config.js

GitHub Actions / Lint (ubuntu-latest, 20.x)

Replace `·presets,·plugins·}·=·require("./babel.config")({·env:·()·=>·false·` with `presets,·plugins}·=·require("./babel.config")({env:·()·=>·false`

const createConfig = (pkgName) => {
const packageJsonPath = path.join("packages", pkgName, "package.json");
@@ -53,7 +53,7 @@
}),
postcss({
modules: true,
extract: false,
extract: true,
}),
],
};

Unchanged files with check annotations Beta

textField.focus();
// Assert
expect(textField).toHaveStyle({

Check failure on line 399 in packages/wonder-blocks-form/src/components/__tests__/labeled-text-field.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 1/2)

LabeledTextField › light prop is passed to textfield

expect(element).toHaveStyle() - Expected - boxShadow: 0px 0px 0px 1px #1865f2, 0px 0px 0px 2px #ffffff; at Object.toHaveStyle (packages/wonder-blocks-form/src/components/__tests__/labeled-text-field.test.tsx:399:27)
boxShadow: `0px 0px 0px 1px ${color.blue}, 0px 0px 0px 2px ${color.white}`,
});
});
// Assert
const label = screen.getByText("Hello, world!");
// LabelMedium has a font-size of 16px
expect(label).toHaveStyle("font-size: 16px");

Check failure on line 197 in packages/wonder-blocks-form/src/components/__tests__/field-heading.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 1/2)

FieldHeading › should render a LabelMedium when the 'label' prop is a I18nInlineMarkup

expect(element).toHaveStyle() - Expected - font-size: 16px; at Object.toHaveStyle (packages/wonder-blocks-form/src/components/__tests__/field-heading.test.tsx:197:23)
});
it("should render a LabelSmall when the 'description' prop is a I18nInlineMarkup", () => {
// Assert
const description = screen.getByText("description");
// LabelSmall has a font-size of 16px
expect(description).toHaveStyle("font-size: 14px");

Check failure on line 215 in packages/wonder-blocks-form/src/components/__tests__/field-heading.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 1/2)

FieldHeading › should render a LabelSmall when the 'description' prop is a I18nInlineMarkup

expect(element).toHaveStyle() - Expected - font-size: 14px; at Object.toHaveStyle (packages/wonder-blocks-form/src/components/__tests__/field-heading.test.tsx:215:29)
});
});
const tree = renderer
.create(<Button tabIndex={tabIndex}>Click me</Button>)
.toJSON();
expect(tree).toMatchSnapshot();

Check failure on line 32 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

Button › <Link tabIndex={-1}>

expect(received).toMatchSnapshot() Snapshot name: `Button <Link tabIndex={-1}> 1` - Snapshot - 46 + Received + 0 @@ -12,60 +12,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#1865f2", - "border": "none", - "borderRadius": 4, - "boxSizing": "border-box", - "color": "#ffffff", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={-1} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:32:22)

Check failure on line 32 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

Button › <Link tabIndex={0}>

expect(received).toMatchSnapshot() Snapshot name: `Button <Link tabIndex={0}> 1` - Snapshot - 46 + Received + 0 @@ -12,60 +12,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#1865f2", - "border": "none", - "borderRadius": 4, - "boxSizing": "border-box", - "color": "#ffffff", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:32:22)

Check failure on line 32 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

Button › <Link tabIndex={1}>

expect(received).toMatchSnapshot() Snapshot name: `Button <Link tabIndex={1}> 1` - Snapshot - 46 + Received + 0 @@ -12,60 +12,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#1865f2", - "border": "none", - "borderRadius": 4, - "boxSizing": "border-box", - "color": "#ffffff", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={1} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:32:22)
});
});
</ButtonCore>,
)
.toJSON();
expect(tree).toMatchSnapshot();

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:true disabled

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:true disabled 1` - Snapshot - 47 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={true} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,60 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "boxShadow": "0 0 0 1px rgba(33,36,44,0.32), 0 0 0 3px #b5cefb", - }, - "alignItems": "center", - "background": "#b5cefb", - "border": "none", - "borderRadius": 4, - "boxSizing": "border-box", - "color": "#1865f2", - "cursor": "default", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={-1} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:true focused

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:true focused 1` - Snapshot - 48 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={false} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,61 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#ffffff", - "border": "none", - "borderRadius": 4, - "boxShadow": "0 0 0 1px #0b2149, 0 0 0 3px #ffffff", - "boxSizing": "border-box", - "color": "#1865f2", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:true hovered

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:true hovered 1` - Snapshot - 48 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={false} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,61 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#ffffff", - "border": "none", - "borderRadius": 4, - "boxShadow": "0 0 0 1px #0b2149, 0 0 0 3px #ffffff", - "boxSizing": "border-box", - "color": "#1865f2", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:true pressed

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:true pressed 1` - Snapshot - 48 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={false} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,61 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#b5cefb", - "border": "none", - "borderRadius": 4, - "boxShadow": "0 0 0 1px #0b2149, 0 0 0 3px #b5cefb", - "boxSizing": "border-box", - "color": "#1b50b3", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:false disabled

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:false disabled 1` - Snapshot - 47 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={true} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,60 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px rgba(33,36,44,0.32)", - }, - "alignItems": "center", - "background": "rgba(33,36,44,0.32)", - "border": "none", - "borderRadius": 4, - "boxSizing": "border-box", - "color": "rgba(255,255,255,0.64)", - "cursor": "default", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={-1} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:false focused

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:false focused 1` - Snapshot - 48 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={false} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,61 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#1865f2", - "border": "none", - "borderRadius": 4, - "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px #1865f2", - "boxSizing": "border-box", - "color": "#ffffff", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)

Check failure on line 75 in packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx

GitHub Actions / Test (ubuntu-latest, 20.x, 2/2)

ButtonCore › kind:primary color:default size:medium light:false hovered

expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:primary color:default size:medium light:false hovered 1` - Snapshot - 48 + Received + 1 @@ -1,9 +1,9 @@ <button aria-disabled={false} aria-label="" - className="" + className="default.module.css" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} onKeyUp={[Function]} @@ -13,61 +13,14 @@ onMouseUp={[Function]} onTouchCancel={[Function]} onTouchEnd={[Function]} onTouchStart={[Function]} role="button" - style={ - { - "::MozFocusInner": { - "border": 0, - }, - ":focus": { - "WebkitTapHighlightColor": "rgba(0,0,0,0)", - }, - "alignItems": "center", - "background": "#1865f2", - "border": "none", - "borderRadius": 4, - "boxShadow": "0 0 0 1px #ffffff, 0 0 0 3px #1865f2", - "boxSizing": "border-box", - "color": "#ffffff", - "cursor": "pointer", - "display": "inline-flex", - "height": 40, - "justifyContent": "center", - "margin": 0, - "outline": "none", - "paddingBottom": 0, - "paddingLeft": 16, - "paddingRight": 16, - "paddingTop": 0, - "position": "relative", - "textDecoration": "none", - "touchAction": "manipulation", - "userSelect": "none", - } - } tabIndex={0} type="button" > <span className="" - style={ - { - "MozOsxFontSmoothing": "grayscale", - "WebkitFontSmoothing": "antialiased", - "alignItems": "center", - "display": "inline-block", - "fontFamily": "Lato, "Noto Sans", sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": "20px", - "overflow": "hidden", - "pointerEvents": "none", - "textOverflow": "ellipsis", - "whiteSpace": "nowrap", - } - } > Click me </span> </button> at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
});
}
}
className: cx(props.className, finalStyles),
} as const;
console.log("common: cn", commonProps.className, commonProps.style);

Check failure on line 104 in packages/wonder-blocks-core/src/components/view.tsx

GitHub Actions / Lint (ubuntu-latest, 20.x)

Unexpected console statement
switch (tag) {
case "article":