The job was canceled because "ubuntu-latest_20_x_1_2" failed.

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)

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)

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)

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)

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)

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)

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)

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)

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)