ToggleGroupControl : Deprecate 36px default size #119674
Annotations
5 errors and 1 warning
|
Running the tests:
packages/components/src/toggle-group-control/test/index.tsx#L115
Error: expect(received).toMatchSnapshot()
Snapshot name: `ToggleGroupControl uncontrolled should render correctly with text options 1`
- Snapshot - 2
+ Received + 2
@@ -39,12 +39,12 @@
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
position: relative;
- min-height: 36px;
- padding: 2px;
+ min-height: 40px;
+ padding: 3px;
}
.emotion-8:hover {
border-color: var(--wp-components-color-gray-700, #757575);
}
at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/components/src/toggle-group-control/test/index.tsx:115:24)
at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10)
at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
|
|
Running the tests:
packages/components/src/toggle-group-control/test/index.tsx#L134
Error: expect(received).toMatchSnapshot()
Snapshot name: `ToggleGroupControl uncontrolled should render correctly with icons 1`
- Snapshot - 4
+ Received + 4
@@ -39,12 +39,12 @@
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
position: relative;
- min-height: 36px;
- padding: 2px;
+ min-height: 40px;
+ padding: 3px;
}
.emotion-8:hover {
border-color: var(--wp-components-color-gray-700, #757575);
}
@@ -154,11 +154,11 @@
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 2;
color: #1e1e1e;
- height: 30px;
+ height: 32px;
aspect-ratio: 1;
padding-left: 0;
padding-right: 0;
color: #fff;
}
@@ -231,11 +231,11 @@
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 2;
color: #1e1e1e;
- height: 30px;
+ height: 32px;
aspect-ratio: 1;
padding-left: 0;
padding-right: 0;
}
↵
at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/components/src/toggle-group-control/test/index.tsx:134:24)
at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10)
at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
|
|
Running the tests:
packages/components/src/toggle-group-control/test/index.tsx#L115
Error: expect(received).toMatchSnapshot()
Snapshot name: `ToggleGroupControl controlled should render correctly with text options 1`
- Snapshot - 2
+ Received + 2
@@ -39,12 +39,12 @@
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
position: relative;
- min-height: 36px;
- padding: 2px;
+ min-height: 40px;
+ padding: 3px;
}
.emotion-8:hover {
border-color: var(--wp-components-color-gray-700, #757575);
}
at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/components/src/toggle-group-control/test/index.tsx:115:24)
at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10)
at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40)
at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
|
|
Running the tests:
packages/components/src/toggle-group-control/test/index.tsx#L134
Error: expect(received).toMatchSnapshot()
Snapshot name: `ToggleGroupControl controlled should render correctly with icons 1`
- Snapshot - 4
+ Received + 4
@@ -39,12 +39,12 @@
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
position: relative;
- min-height: 36px;
- padding: 2px;
+ min-height: 40px;
+ padding: 3px;
}
.emotion-8:hover {
border-color: var(--wp-components-color-gray-700, #757575);
}
@@ -154,11 +154,11 @@
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 2;
color: #1e1e1e;
- height: 30px;
+ height: 32px;
aspect-ratio: 1;
padding-left: 0;
padding-right: 0;
color: #fff;
}
@@ -231,11 +231,11 @@
-ms-user-select: none;
user-select: none;
width: 100%;
z-index: 2;
color: #1e1e1e;
- height: 30px;
+ height: 32px;
aspect-ratio: 1;
padding-left: 0;
padding-right: 0;
}
↵
at Object.toMatchSnapshot (/home/runner/work/gutenberg/gutenberg/packages/components/src/toggle-group-control/test/index.tsx:134:24)
at Promise.then.completed (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:300:28)
at new Promise (<anonymous>)
at callAsyncCircusFn (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/utils.js:233:10)
at _callCircusTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:315:40)
at _runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:251:3)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:125:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at _runTestsForDescribeBlock (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:120:9)
at run (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/run.js:70:3)
at runAndTransformResultsToJestFormat (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
at jestAdapter (/home/runner/work/gutenberg/gutenberg/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
at runTestInternal (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:367:16)
at runTest (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/runTest.js:444:34)
at Object.worker (/home/runner/work/gutenberg/gutenberg/node_modules/jest-runner/build/testWorker.js:106:12)
|
|
Running the tests
Process completed with exit code 1.
|
|
Setup Node.js and install dependencies
Both node-version and node-version-file inputs are specified, only node-version will be used
|
Loading