Skip to content
CI

SelectList: fix placeholder color #17171

Sign in to view logs

SelectList: fix placeholder color

SelectList: fix placeholder color #17171

Triggered via pull request October 18, 2024 21:43
@AlbertCarrerasAlbertCarreras
opened #3813
AlbertCarreras:fixSelectListPlaceholder
Status Failure
Total duration 7m 58s
Artifacts –

ci.yml

on: pull_request
Tests
7m 49s
Tests
Fit to window
Zoom out
Zoom in

Annotations

7 errors and 1 warning
Tests: packages/gestalt/src/SelectList.test.tsx#L66
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders with typical props 1` - Snapshot - 1 + Received + 4 @@ -33,28 +33,31 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="test" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> </select> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:66:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
Tests: packages/gestalt/src/SelectList.test.tsx#L75
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders with a hidden label 1` - Snapshot - 1 + Received + 4 @@ -47,28 +47,31 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="test" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> </select> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:75:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
Tests: packages/gestalt/src/SelectList.test.tsx#L88
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders an option group 1` - Snapshot - 1 + Received + 6 @@ -47,41 +47,46 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="optionGroup" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> <optgroup label="Foo group" > <option + className="option" value="Foo-value1" > Foo-option1 </option> <option + className="option" value="Foo-value2" > Foo-option2 </option> </optgroup> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:88:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)
Tests: packages/gestalt/src/SelectList.test.tsx#L66
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders with typical props 1` - Snapshot - 1 + Received + 4 @@ -33,28 +33,31 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="test" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> </select> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:66:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
Tests: packages/gestalt/src/SelectList.test.tsx#L75
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders with a hidden label 1` - Snapshot - 1 + Received + 4 @@ -47,28 +47,31 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="test" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> </select> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:75:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
Tests: packages/gestalt/src/SelectList.test.tsx#L88
Error: expect(received).toMatchSnapshot() Snapshot name: `SelectList renders an option group 1` - Snapshot - 1 + Received + 6 @@ -47,41 +47,46 @@ /> </svg> </div> <select aria-invalid="false" - className="select base medium md normal enabledTransparent" + className="select base medium enabled md normal" disabled={false} id="optionGroup" onBlur={[Function]} onChange={[Function]} onFocus={[Function]} > <option + className="option" value="value1" > option1 </option> <option + className="option" value="value2" > option2 </option> <option + className="option" value="value3" > option3 </option> <optgroup label="Foo group" > <option + className="option" value="Foo-value1" > Foo-option1 </option> <option + className="option" value="Foo-value2" > Foo-option2 </option> </optgroup> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SelectList.test.tsx:88:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3)
Tests
Process completed with exit code 1.
Tests
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/