From e9024a0c9fd1739c8291d9bd2293243e2da5140b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kr=C3=A6n=20Hansen?= Date: Mon, 17 Nov 2025 23:20:58 +0100 Subject: [PATCH 1/5] Upgrade select --- package-lock.json | 268 ++++++++++++++++++++++++++++++++++------------ package.json | 1 + 2 files changed, 203 insertions(+), 66 deletions(-) diff --git a/package-lock.json b/package-lock.json index 1e16d078e36..48fc5e4620f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7007,40 +7007,40 @@ } }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/form-field": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-4.0.4.tgz", - "integrity": "sha512-4XH+FR3pnkEPYRE4ma5IbvF89nqdBtAfQbodug1c18s+DkD4DvMaNV1klJ0LbkeSBscmNSUJnptTE6fHoVO6SQ==", + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-4.0.7.tgz", + "integrity": "sha512-yCTCdPnHJbrmzV4HyZrXebzDacL0ElfCz6o4MWZlwRazQFGQnB6L3Ewf3fFUo53w6oO4o10iygCpXeuvrUaj7A==", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/emotion": "^5.0.3", - "@leafygreen-ui/hooks": "^9.1.4", - "@leafygreen-ui/icon": "^14.5.1", - "@leafygreen-ui/lib": "^15.4.0", + "@leafygreen-ui/emotion": "^5.1.0", + "@leafygreen-ui/hooks": "^9.3.0", + "@leafygreen-ui/icon": "^14.7.0", + "@leafygreen-ui/lib": "^15.6.2", "@leafygreen-ui/palette": "^5.0.2", - "@leafygreen-ui/tokens": "^3.2.4", - "@leafygreen-ui/typography": "^22.1.3" + "@leafygreen-ui/tokens": "^4.0.0", + "@leafygreen-ui/typography": "^22.2.2" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^5.0.4" + "@leafygreen-ui/leafygreen-provider": "^5.0.0 || ^4.0.0 || ^3.2.0" } }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/select": { - "version": "16.1.4", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-16.1.4.tgz", - "integrity": "sha512-iej6YbI2GDw9pUa8gGWNiTzeiYdqLr0l/Tg0j3xK5nZTZld0z5NbInbeAvNTIgXKyXzPK/gG007Cbb6v1fAGOw==", + "version": "17.0.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-17.0.1.tgz", + "integrity": "sha512-sfHsI9DRIqVm94/gatGu2KADaWvuWwqzX4lVd36ckICPIyzVtyiq8HMwAfcid3HeZfm0n99pTVl7+RiR8BkIXQ==", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/button": "^25.1.0", - "@leafygreen-ui/emotion": "^5.0.3", - "@leafygreen-ui/form-field": "^4.0.4", - "@leafygreen-ui/hooks": "^9.2.0", - "@leafygreen-ui/icon": "^14.6.0", - "@leafygreen-ui/input-option": "^4.0.5", + "@leafygreen-ui/button": "^25.1.3", + "@leafygreen-ui/emotion": "^5.1.0", + "@leafygreen-ui/form-field": "^4.0.7", + "@leafygreen-ui/hooks": "^9.3.0", + "@leafygreen-ui/icon": "^14.7.0", + "@leafygreen-ui/input-option": "^4.1.3", "@leafygreen-ui/lib": "^15.6.2", "@leafygreen-ui/palette": "^5.0.2", - "@leafygreen-ui/popover": "^14.1.0", - "@leafygreen-ui/tokens": "^3.2.4", - "@leafygreen-ui/typography": "^22.1.3", + "@leafygreen-ui/popover": "^14.3.1", + "@leafygreen-ui/tokens": "^4.0.0", + "@leafygreen-ui/typography": "^22.2.2", "@lg-tools/test-harnesses": "^0.3.4", "@types/react-is": "^18.0.0", "lodash": "^4.17.21", @@ -7048,7 +7048,7 @@ "react-is": "^18.0.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^5.0.4" + "@leafygreen-ui/leafygreen-provider": "^5.0.0 || ^4.0.0 || ^3.2.0" } }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/skeleton-loader": { @@ -7368,21 +7368,21 @@ } }, "node_modules/@leafygreen-ui/form-field": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-2.0.2.tgz", - "integrity": "sha512-fE0djPECl65XD4Hj5TgBBT2RnsByjSbfgfkPAKd/e2eBMusmAp7cAPceOnFy98uwH9w677789lofHQnpiCh5gw==", + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-2.0.12.tgz", + "integrity": "sha512-tfCtj3AaQvYOC4iwdMTqxq50rKBA1+tF85gqlgCFAropxnZ0pNCbqppaJbCdKEgxdQ8z5IdQk3krXaw4A0kJMw==", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/emotion": "^4.0.9", - "@leafygreen-ui/hooks": "^8.3.4", - "@leafygreen-ui/icon": "^13.1.2", - "@leafygreen-ui/lib": "^14.0.2", - "@leafygreen-ui/palette": "^4.1.3", - "@leafygreen-ui/tokens": "^2.11.3", - "@leafygreen-ui/typography": "^20.0.2" + "@leafygreen-ui/emotion": "^4.1.1", + "@leafygreen-ui/hooks": "^8.4.1", + "@leafygreen-ui/icon": "^13.4.0", + "@leafygreen-ui/lib": "^14.2.0", + "@leafygreen-ui/palette": "^4.1.4", + "@leafygreen-ui/tokens": "^2.12.2", + "@leafygreen-ui/typography": "^20.1.9" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^4.0.2" + "@leafygreen-ui/leafygreen-provider": "^4.0.7" } }, "node_modules/@leafygreen-ui/guide-cue": { @@ -7790,32 +7790,110 @@ } }, "node_modules/@leafygreen-ui/select": { - "version": "14.0.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-14.0.2.tgz", - "integrity": "sha512-9SQFkyyXG0x0p5x64yTacVxVUSaRqepHGmJRJqlr0cAeAxJ1S9CT3Cj+V9rMWTbIUlZ6Tgma4WWGt4cav3LZNQ==", + "version": "14.1.8", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-14.1.8.tgz", + "integrity": "sha512-wE7umGJRF3lIlQjkbg54JwUG/D/YSPwAvNby/JRYIKKPZ9nsldCL5qks2uBF5PW+V1Kn4ikl+Q7kdz3i+uon5g==", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/button": "^22.0.2", - "@leafygreen-ui/emotion": "^4.0.9", - "@leafygreen-ui/form-field": "^2.0.2", - "@leafygreen-ui/hooks": "^8.3.4", - "@leafygreen-ui/icon": "^13.1.2", - "@leafygreen-ui/input-option": "^3.0.2", - "@leafygreen-ui/lib": "^14.0.2", - "@leafygreen-ui/palette": "^4.1.3", - "@leafygreen-ui/popover": "^13.0.2", - "@leafygreen-ui/tokens": "^2.11.3", - "@leafygreen-ui/typography": "^20.0.2", - "@lg-tools/test-harnesses": "^0.1.4", + "@leafygreen-ui/button": "^23.1.6", + "@leafygreen-ui/emotion": "^4.1.1", + "@leafygreen-ui/form-field": "^2.0.12", + "@leafygreen-ui/hooks": "^8.4.1", + "@leafygreen-ui/icon": "^13.4.0", + "@leafygreen-ui/input-option": "^3.0.12", + "@leafygreen-ui/lib": "^14.2.0", + "@leafygreen-ui/palette": "^4.1.4", + "@leafygreen-ui/popover": "^13.0.11", + "@leafygreen-ui/tokens": "^2.12.2", + "@leafygreen-ui/typography": "^20.1.9", + "@lg-tools/test-harnesses": "^0.2.0", "@types/react-is": "^18.0.0", "lodash": "^4.17.21", "polished": "^4.1.3", "react-is": "^18.0.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^4.0.2" + "@leafygreen-ui/leafygreen-provider": "^4.0.7" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/@lg-tools/test-harnesses": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@lg-tools/test-harnesses/-/test-harnesses-0.2.0.tgz", + "integrity": "sha512-vxHT3od7xkfr0Ls7R6ZetSInrpNMag3rxjAgueYkbu0m51WtDNznx0JBWawQ4o+mO6qCraYR5/Zzs2L4DCfSPg==", + "license": "Apache-2.0", + "dependencies": { + "@testing-library/dom": "9.3.1" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/@testing-library/dom": { + "version": "9.3.1", + "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz", + "integrity": "sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==", + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.10.4", + "@babel/runtime": "^7.12.5", + "@types/aria-query": "^5.0.1", + "aria-query": "5.1.3", + "chalk": "^4.1.0", + "dom-accessibility-api": "^0.5.9", + "lz-string": "^1.5.0", + "pretty-format": "^27.0.2" + }, + "engines": { + "node": ">=14" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" } }, + "node_modules/@leafygreen-ui/select/node_modules/ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/aria-query": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", + "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", + "license": "Apache-2.0", + "dependencies": { + "deep-equal": "^2.0.5" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/pretty-format": { + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz", + "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1", + "ansi-styles": "^5.0.0", + "react-is": "^17.0.1" + }, + "engines": { + "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/pretty-format/node_modules/react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", + "license": "MIT" + }, "node_modules/@leafygreen-ui/select/node_modules/react-is": { "version": "18.3.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", @@ -59934,7 +60012,7 @@ "@leafygreen-ui/icon-button": "^16.0.2", "@leafygreen-ui/lib": "^15.3.0", "@leafygreen-ui/palette": "^4.1.3", - "@leafygreen-ui/select": "^16.1.4", + "@leafygreen-ui/select": "^17.0.1", "@leafygreen-ui/skeleton-loader": "^3.0.6", "@leafygreen-ui/tokens": "^3.2.4", "@leafygreen-ui/tooltip": "^14.2.0", @@ -59961,9 +60039,9 @@ } }, "@leafygreen-ui/form-field": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-4.0.4.tgz", - "integrity": "sha512-4XH+FR3pnkEPYRE4ma5IbvF89nqdBtAfQbodug1c18s+DkD4DvMaNV1klJ0LbkeSBscmNSUJnptTE6fHoVO6SQ==", + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-4.0.7.tgz", + "integrity": "sha512-yCTCdPnHJbrmzV4HyZrXebzDacL0ElfCz6o4MWZlwRazQFGQnB6L3Ewf3fFUo53w6oO4o10iygCpXeuvrUaj7A==", "requires": { "@leafygreen-ui/emotion": "^4.0.9", "@leafygreen-ui/hooks": "^8.3.4", @@ -59975,13 +60053,13 @@ } }, "@leafygreen-ui/select": { - "version": "16.1.4", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-16.1.4.tgz", - "integrity": "sha512-iej6YbI2GDw9pUa8gGWNiTzeiYdqLr0l/Tg0j3xK5nZTZld0z5NbInbeAvNTIgXKyXzPK/gG007Cbb6v1fAGOw==", + "version": "17.0.1", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-17.0.1.tgz", + "integrity": "sha512-sfHsI9DRIqVm94/gatGu2KADaWvuWwqzX4lVd36ckICPIyzVtyiq8HMwAfcid3HeZfm0n99pTVl7+RiR8BkIXQ==", "requires": { "@leafygreen-ui/button": "^22.0.2", "@leafygreen-ui/emotion": "^4.0.9", - "@leafygreen-ui/form-field": "^4.0.4", + "@leafygreen-ui/form-field": "^4.0.7", "@leafygreen-ui/hooks": "^8.3.4", "@leafygreen-ui/icon": "^14.6.0", "@leafygreen-ui/input-option": "^3.0.4", @@ -60247,9 +60325,9 @@ } }, "@leafygreen-ui/form-field": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-2.0.2.tgz", - "integrity": "sha512-fE0djPECl65XD4Hj5TgBBT2RnsByjSbfgfkPAKd/e2eBMusmAp7cAPceOnFy98uwH9w677789lofHQnpiCh5gw==", + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/form-field/-/form-field-2.0.12.tgz", + "integrity": "sha512-tfCtj3AaQvYOC4iwdMTqxq50rKBA1+tF85gqlgCFAropxnZ0pNCbqppaJbCdKEgxdQ8z5IdQk3krXaw4A0kJMw==", "requires": { "@leafygreen-ui/emotion": "^4.0.9", "@leafygreen-ui/hooks": "^8.3.4", @@ -60591,13 +60669,13 @@ } }, "@leafygreen-ui/select": { - "version": "14.0.2", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-14.0.2.tgz", - "integrity": "sha512-9SQFkyyXG0x0p5x64yTacVxVUSaRqepHGmJRJqlr0cAeAxJ1S9CT3Cj+V9rMWTbIUlZ6Tgma4WWGt4cav3LZNQ==", + "version": "14.1.8", + "resolved": "https://registry.npmjs.org/@leafygreen-ui/select/-/select-14.1.8.tgz", + "integrity": "sha512-wE7umGJRF3lIlQjkbg54JwUG/D/YSPwAvNby/JRYIKKPZ9nsldCL5qks2uBF5PW+V1Kn4ikl+Q7kdz3i+uon5g==", "requires": { "@leafygreen-ui/button": "^22.0.2", "@leafygreen-ui/emotion": "^4.0.9", - "@leafygreen-ui/form-field": "^2.0.2", + "@leafygreen-ui/form-field": "^2.0.12", "@leafygreen-ui/hooks": "^8.3.4", "@leafygreen-ui/icon": "^14.6.0", "@leafygreen-ui/input-option": "^3.0.4", @@ -60606,13 +60684,71 @@ "@leafygreen-ui/popover": "^13.0.11", "@leafygreen-ui/tokens": "^3.2.4", "@leafygreen-ui/typography": "^20.0.2", - "@lg-tools/test-harnesses": "^0.1.4", + "@lg-tools/test-harnesses": "^0.2.0", "@types/react-is": "^18.0.0", "lodash": "^4.17.21", "polished": "^4.1.3", "react-is": "^18.0.1" }, "dependencies": { + "@lg-tools/test-harnesses": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@lg-tools/test-harnesses/-/test-harnesses-0.2.0.tgz", + "integrity": "sha512-vxHT3od7xkfr0Ls7R6ZetSInrpNMag3rxjAgueYkbu0m51WtDNznx0JBWawQ4o+mO6qCraYR5/Zzs2L4DCfSPg==", + "requires": { + "@testing-library/dom": "9.3.1" + } + }, + "@testing-library/dom": { + "version": "9.3.1", + "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz", + "integrity": "sha512-0DGPd9AR3+iDTjGoMpxIkAsUihHZ3Ai6CneU6bRRrffXMgzCdlNk43jTrD2/5LT6CBb3MWTP8v510JzYtahD2w==", + "requires": { + "@babel/code-frame": "^7.10.4", + "@babel/runtime": "^7.12.5", + "@types/aria-query": "^5.0.1", + "aria-query": "5.1.3", + "chalk": "^4.1.0", + "dom-accessibility-api": "^0.5.9", + "lz-string": "^1.5.0", + "pretty-format": "^27.0.2" + } + }, + "ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==" + }, + "ansi-styles": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==" + }, + "aria-query": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", + "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", + "requires": { + "deep-equal": "^2.0.5" + } + }, + "pretty-format": { + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz", + "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", + "requires": { + "ansi-regex": "^5.0.1", + "ansi-styles": "^5.0.0", + "react-is": "^17.0.1" + }, + "dependencies": { + "react-is": { + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" + } + } + }, "react-is": { "version": "18.3.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", diff --git a/package.json b/package.json index 62f965c4b00..669ee6220b4 100644 --- a/package.json +++ b/package.json @@ -129,6 +129,7 @@ "@leafygreen-ui/input-option": "^3.0.4", "@leafygreen-ui/polymorphic": "^2.0.5", "@leafygreen-ui/search-input": "^5.0.2", + "@leafygreen-ui/select": "^17.0.1", "@leafygreen-ui/code": "^20.1.1", "@leafygreen-ui/text-area": "^10.0.2", "@leafygreen-ui/card": "^12.0.2", From 96249e58b8cd105d71057dc253b52712b58783c4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kr=C3=A6n=20Hansen?= Date: Wed, 5 Nov 2025 13:43:57 +0100 Subject: [PATCH 2/5] Update to account for breaking change in select v16.2.0 --- .../compass-crud/src/components/table-view/types-dropdown.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/compass-crud/src/components/table-view/types-dropdown.tsx b/packages/compass-crud/src/components/table-view/types-dropdown.tsx index 307613a193d..ffdb6fcecbc 100644 --- a/packages/compass-crud/src/components/table-view/types-dropdown.tsx +++ b/packages/compass-crud/src/components/table-view/types-dropdown.tsx @@ -32,7 +32,6 @@ const TypesDropdown: React.FunctionComponent = ({ onChange={handleTypeChange} allowDeselect={false} value={element.currentType} - readOnly={false} // NOTE: Leafygreen doesn't support aria-label and only understand "aria-labelledby" and "label" instead aria-labelledby="" aria-label="Field type" From 42a96b9fa5f0d8449c9dc0640f7cb3bc950dfdee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kr=C3=A6n=20Hansen?= Date: Thu, 6 Nov 2025 21:02:34 +0100 Subject: [PATCH 3/5] Update existing tests to handle changes in Select https://github.com/mongodb/leafygreen-ui/pull/3218 --- .../match/match-condition-form.spec.tsx | 4 ++-- .../stage-wizard-use-cases/match/match-condition-form.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.spec.tsx b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.spec.tsx index 2c45fbf6b13..fdcfa0e7837 100644 --- a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.spec.tsx +++ b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.spec.tsx @@ -73,9 +73,9 @@ describe('condition', function () { renderCondition({ condition }); expect(screen.getByLabelText(new RegExp(SINGLE_SELECT_LABEL, 'i'))).to .exist; - expect(screen.getByLabelText(LABELS.operatorSelect)).to.exist; + expect(screen.getByTestId('match-condition-operator-select')).to.exist; expect(screen.getByTestId('match-stage-expected-value-input')).to.exist; - expect(screen.getByLabelText(LABELS.typeSelect)).to.exist; + expect(screen.getByTestId('match-condition-type-select')).to.exist; }); it('should call onConditionChange with updated condition when a field is selected', function () { diff --git a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx index f01dc97e73d..267f6eb5fad 100644 --- a/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx +++ b/packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx @@ -170,6 +170,7 @@ const MatchConditionForm = ({ aria-label={LABELS.operatorSelect} value={condition.operator} onChange={handleOperatorChange} + data-testid="match-condition-operator-select" > {MATCH_OPERATOR_LABELS.map(({ operator, label }) => { return ( @@ -183,8 +184,6 @@ const MatchConditionForm = ({
{CASTABLE_TYPES.map((type) => (