Skip to content

WB-1635.fix - Fix border issue on Button.secondary #3337

WB-1635.fix - Fix border issue on Button.secondary

WB-1635.fix - Fix border issue on Button.secondary #3337

Triggered via pull request November 16, 2023 23:12
Status Failure
Total duration 2m 45s
Artifacts

node-ci-pr.yml

on: pull_request
Matrix: Prime node_modules cache for primary configuration
Matrix: Check for .changeset entries for all changed files
Matrix: Publish npm snapshot
Matrix: Check build sizes
Matrix: Lint
Matrix: Test
Fit to window
Zoom out
Zoom in

Annotations

13 errors and 5 warnings
Publish npm snapshot (ubuntu-latest, 16.x)
Process completed with exit code 1.
Check for .changeset entries for all changed files (ubuntu-latest, 16.x)
Changeset entry required for @khanacademy/wonder-blocks-button because there have been changes since the last release.
ButtonCore › kind:secondary color:default size:medium light:true disabled: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:true disabled 1` - Snapshot - 3 + Received + 3 @@ -25,23 +25,23 @@ "outlineWidth": 2, }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "rgba(255,255,255,0.50)", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "rgba(255,255,255,0.50)", "cursor": "default", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#b5cefb", - "outlineOffset": 1, - "outlineStyle": "solid", - "outlineWidth": 1, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, "paddingTop": 0, "position": "relative", at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:true focused: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:true focused 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#ffffff", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#ffffff", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:true hovered: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:true hovered 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#ffffff", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#ffffff", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:true pressed: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:true pressed 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "#1b50b3", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#b5cefb", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#b5cefb", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:false disabled: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:false disabled 1` - Snapshot - 3 + Received + 3 @@ -25,23 +25,23 @@ "outlineWidth": 2, }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "rgba(33,36,44,0.50)", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "rgba(33,36,44,0.32)", "cursor": "default", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "rgba(33,36,44,0.32)", - "outlineOffset": 1, - "outlineStyle": "solid", - "outlineWidth": 1, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, "paddingTop": 0, "position": "relative", at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:false focused: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:false focused 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "#ffffff", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#1865f2", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#1865f2", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:false hovered: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:false hovered 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "#ffffff", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#1865f2", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#1865f2", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:medium light:false pressed: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:medium light:false pressed 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "#b5cefb", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#1b50b3", "cursor": "pointer", "display": "inline-flex", "height": 40, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#1b50b3", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:small light:true disabled: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:small light:true disabled 1` - Snapshot - 3 + Received + 3 @@ -25,23 +25,23 @@ "outlineWidth": 2, }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "rgba(255,255,255,0.50)", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "rgba(255,255,255,0.50)", "cursor": "default", "display": "inline-flex", "height": 32, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#b5cefb", - "outlineOffset": 1, - "outlineStyle": "solid", - "outlineWidth": 1, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, "paddingTop": 0, "position": "relative", at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
ButtonCore › kind:secondary color:default size:small light:true focused: packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx#L75
expect(received).toMatchSnapshot() Snapshot name: `ButtonCore kind:secondary color:default size:small light:true focused 1` - Snapshot - 1 + Received + 3 @@ -24,21 +24,23 @@ "WebkitTapHighlightColor": "rgba(0,0,0,0)", }, "alignItems": "center", "background": "none", "border": "none", + "borderColor": "transparent", "borderRadius": 4, + "borderStyle": "solid", + "borderWidth": 1, "boxSizing": "border-box", "color": "#ffffff", "cursor": "pointer", "display": "inline-flex", "height": 32, "justifyContent": "center", "margin": 0, "outline": "none", "outlineColor": "#ffffff", - "outlineOffset": 1, "outlineStyle": "solid", "outlineWidth": 2, "paddingBottom": 0, "paddingLeft": 16, "paddingRight": 16, at Object.toMatchSnapshot (packages/wonder-blocks-button/src/__tests__/custom-snapshot.test.tsx:75:42)
Test (ubuntu-latest, 16.x, 1/2)
The operation was canceled.
Prime node_modules cache for primary configuration (ubuntu-latest, 16.x)
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
Test (ubuntu-latest, 16.x, 2/2)
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
Test (ubuntu-latest, 16.x, 1/2)
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2, codecov/codecov-action@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
Check build sizes (ubuntu-latest, 16.x)
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2, preactjs/compressed-size-action@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/
Lint (ubuntu-latest, 16.x)
The following actions uses node12 which is deprecated and will be forced to run on node16: actions/checkout@v2, actions/setup-node@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/