Skip to content

Commit 2a1eff4

Browse files
zuharzclaude
zuharz
and
claude
committed
fix: Update web package tests to use modern @testing-library/react
- Replace deprecated @testing-library/react-hooks with @testing-library/react - Add @testing-library/react and @testing-library/dom as devDependencies - Update renderHook imports in useExtractReferences.test.ts and useMessagePairs.test.ts - All 115 web package tests now pass successfully 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 02cafd8 commit 2a1eff4

File tree

4 files changed

+189
-4
lines changed

4 files changed

+189
-4
lines changed

‎packages/web/package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -188,6 +188,9 @@
188188
},
189189
"devDependencies": {
190190
"@tanstack/eslint-plugin-query": "^5.74.7",
191+
"@testing-library/dom": "^10.4.1",
192+
"@testing-library/jest-dom": "^6.7.0",
193+
"@testing-library/react": "^16.3.0",
191194
"@testing-library/react-hooks": "^8.0.1",
192195
"@types/micromatch": "^4.0.9",
193196
"@types/node": "^20",

‎packages/web/src/features/chat/useExtractReferences.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { expect, test } from 'vitest'
2-
import { renderHook } from '@testing-library/react-hooks';
2+
import { renderHook } from '@testing-library/react';
33
import { useExtractReferences } from './useExtractReferences';
44
import { getFileReferenceId } from './utils';
55
import { TextUIPart } from 'ai';

‎packages/web/src/features/chat/useMessagePairs.test.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { expect, test } from 'vitest'
22
import { SBChatMessage } from './types';
33
import { useMessagePairs } from './useMessagePairs';
4-
import { renderHook } from '@testing-library/react-hooks';
4+
import { renderHook } from '@testing-library/react';
55

66
test('useMessagePairs pairs user and assistant messages', () => {
77
const userMessage: SBChatMessage = {

‎yarn.lock

Lines changed: 184 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,13 @@ __metadata:
55
version: 8
66
cacheKey: 10c0
77

8+
"@adobe/css-tools@npm:^4.4.0":
9+
version: 4.4.4
10+
resolution: "@adobe/css-tools@npm:4.4.4"
11+
checksum: 10c0/8f3e6cfaa5e6286e6f05de01d91d060425be2ebaef490881f5fe6da8bbdb336835c5d373ea337b0c3b0a1af4be048ba18780f0f6021d30809b4545922a7e13d9
12+
languageName: node
13+
linkType: hard
14+
815
"@ai-sdk/amazon-bedrock@npm:^3.0.3":
916
version: 3.0.3
1017
resolution: "@ai-sdk/amazon-bedrock@npm:3.0.3"
@@ -322,6 +329,17 @@ __metadata:
322329
languageName: node
323330
linkType: hard
324331

332+
"@babel/code-frame@npm:^7.10.4":
333+
version: 7.27.1
334+
resolution: "@babel/code-frame@npm:7.27.1"
335+
dependencies:
336+
"@babel/helper-validator-identifier": "npm:^7.27.1"
337+
js-tokens: "npm:^4.0.0"
338+
picocolors: "npm:^1.1.1"
339+
checksum: 10c0/5dd9a18baa5fce4741ba729acc3a3272c49c25cb8736c4b18e113099520e7ef7b545a4096a26d600e4416157e63e87d66db46aa3fbf0a5f2286da2705c12da00
340+
languageName: node
341+
linkType: hard
342+
325343
"@babel/code-frame@npm:^7.24.2, @babel/code-frame@npm:^7.26.2":
326344
version: 7.26.2
327345
resolution: "@babel/code-frame@npm:7.26.2"
@@ -449,6 +467,13 @@ __metadata:
449467
languageName: node
450468
linkType: hard
451469

470+
"@babel/helper-validator-identifier@npm:^7.27.1":
471+
version: 7.27.1
472+
resolution: "@babel/helper-validator-identifier@npm:7.27.1"
473+
checksum: 10c0/c558f11c4871d526498e49d07a84752d1800bf72ac0d3dad100309a2eaba24efbf56ea59af5137ff15e3a00280ebe588560534b0e894a4750f8b1411d8f78b84
474+
languageName: node
475+
linkType: hard
476+
452477
"@babel/helper-validator-option@npm:^7.25.9":
453478
version: 7.25.9
454479
resolution: "@babel/helper-validator-option@npm:7.25.9"
@@ -6595,6 +6620,9 @@ __metadata:
65956620
"@tanstack/react-query": "npm:^5.53.3"
65966621
"@tanstack/react-table": "npm:^8.20.5"
65976622
"@tanstack/react-virtual": "npm:^3.10.8"
6623+
"@testing-library/dom": "npm:^10.4.1"
6624+
"@testing-library/jest-dom": "npm:^6.7.0"
6625+
"@testing-library/react": "npm:^16.3.0"
65986626
"@testing-library/react-hooks": "npm:^8.0.1"
65996627
"@types/micromatch": "npm:^4.0.9"
66006628
"@types/node": "npm:^20"
@@ -6896,6 +6924,36 @@ __metadata:
68966924
languageName: node
68976925
linkType: hard
68986926

6927+
"@testing-library/dom@npm:^10.4.1":
6928+
version: 10.4.1
6929+
resolution: "@testing-library/dom@npm:10.4.1"
6930+
dependencies:
6931+
"@babel/code-frame": "npm:^7.10.4"
6932+
"@babel/runtime": "npm:^7.12.5"
6933+
"@types/aria-query": "npm:^5.0.1"
6934+
aria-query: "npm:5.3.0"
6935+
dom-accessibility-api: "npm:^0.5.9"
6936+
lz-string: "npm:^1.5.0"
6937+
picocolors: "npm:1.1.1"
6938+
pretty-format: "npm:^27.0.2"
6939+
checksum: 10c0/19ce048012d395ad0468b0dbcc4d0911f6f9e39464d7a8464a587b29707eed5482000dad728f5acc4ed314d2f4d54f34982999a114d2404f36d048278db815b1
6940+
languageName: node
6941+
linkType: hard
6942+
6943+
"@testing-library/jest-dom@npm:^6.7.0":
6944+
version: 6.7.0
6945+
resolution: "@testing-library/jest-dom@npm:6.7.0"
6946+
dependencies:
6947+
"@adobe/css-tools": "npm:^4.4.0"
6948+
aria-query: "npm:^5.0.0"
6949+
css.escape: "npm:^1.5.1"
6950+
dom-accessibility-api: "npm:^0.6.3"
6951+
picocolors: "npm:^1.1.1"
6952+
redent: "npm:^3.0.0"
6953+
checksum: 10c0/e6c5be7a49895b152f78727220064397eff4b5232d13a6206296d837c7a783e5add232219d3333962292002b846fc4909482d299ab92db94d5580f84dc5c1a8a
6954+
languageName: node
6955+
linkType: hard
6956+
68996957
"@testing-library/react-hooks@npm:^8.0.1":
69006958
version: 8.0.1
69016959
resolution: "@testing-library/react-hooks@npm:8.0.1"
@@ -6918,6 +6976,26 @@ __metadata:
69186976
languageName: node
69196977
linkType: hard
69206978

6979+
"@testing-library/react@npm:^16.3.0":
6980+
version: 16.3.0
6981+
resolution: "@testing-library/react@npm:16.3.0"
6982+
dependencies:
6983+
"@babel/runtime": "npm:^7.12.5"
6984+
peerDependencies:
6985+
"@testing-library/dom": ^10.0.0
6986+
"@types/react": ^18.0.0 || ^19.0.0
6987+
"@types/react-dom": ^18.0.0 || ^19.0.0
6988+
react: ^18.0.0 || ^19.0.0
6989+
react-dom: ^18.0.0 || ^19.0.0
6990+
peerDependenciesMeta:
6991+
"@types/react":
6992+
optional: true
6993+
"@types/react-dom":
6994+
optional: true
6995+
checksum: 10c0/3a2cb1f87c9a67e1ebbbcfd99b94b01e496fc35147be8bc5d8bf07a699c7d523a09d57ef2f7b1d91afccd1a28e21eda3b00d80187fbb51b1de01e422592d845e
6996+
languageName: node
6997+
linkType: hard
6998+
69216999
"@tybys/wasm-util@npm:^0.9.0":
69227000
version: 0.9.0
69237001
resolution: "@tybys/wasm-util@npm:0.9.0"
@@ -6934,6 +7012,13 @@ __metadata:
69347012
languageName: node
69357013
linkType: hard
69367014

7015+
"@types/aria-query@npm:^5.0.1":
7016+
version: 5.0.4
7017+
resolution: "@types/aria-query@npm:5.0.4"
7018+
checksum: 10c0/dc667bc6a3acc7bba2bccf8c23d56cb1f2f4defaa704cfef595437107efaa972d3b3db9ec1d66bc2711bfc35086821edd32c302bffab36f2e79b97f312069f08
7019+
languageName: node
7020+
linkType: hard
7021+
69377022
"@types/aws-lambda@npm:^8.10.83":
69387023
version: 8.10.149
69397024
resolution: "@types/aws-lambda@npm:8.10.149"
@@ -8069,6 +8154,13 @@ __metadata:
80698154
languageName: node
80708155
linkType: hard
80718156

8157+
"ansi-styles@npm:^5.0.0":
8158+
version: 5.2.0
8159+
resolution: "ansi-styles@npm:5.2.0"
8160+
checksum: 10c0/9c4ca80eb3c2fb7b33841c210d2f20807f40865d27008d7c3f707b7f95cab7d67462a565e2388ac3285b71cb3d9bb2173de8da37c57692a362885ec34d6e27df
8161+
languageName: node
8162+
linkType: hard
8163+
80728164
"ansi-styles@npm:^6.1.0":
80738165
version: 6.2.1
80748166
resolution: "ansi-styles@npm:6.2.1"
@@ -8116,7 +8208,16 @@ __metadata:
81168208
languageName: node
81178209
linkType: hard
81188210

8119-
"aria-query@npm:^5.3.2":
8211+
"aria-query@npm:5.3.0":
8212+
version: 5.3.0
8213+
resolution: "aria-query@npm:5.3.0"
8214+
dependencies:
8215+
dequal: "npm:^2.0.3"
8216+
checksum: 10c0/2bff0d4eba5852a9dd578ecf47eaef0e82cc52569b48469b0aac2db5145db0b17b7a58d9e01237706d1e14b7a1b0ac9b78e9c97027ad97679dd8f91b85da1469
8217+
languageName: node
8218+
linkType: hard
8219+
8220+
"aria-query@npm:^5.0.0, aria-query@npm:^5.3.2":
81208221
version: 5.3.2
81218222
resolution: "aria-query@npm:5.3.2"
81228223
checksum: 10c0/003c7e3e2cff5540bf7a7893775fc614de82b0c5dde8ae823d47b7a28a9d4da1f7ed85f340bdb93d5649caa927755f0e31ecc7ab63edfdfc00c8ef07e505e03e
@@ -9311,6 +9412,13 @@ __metadata:
93119412
languageName: node
93129413
linkType: hard
93139414

9415+
"css.escape@npm:^1.5.1":
9416+
version: 1.5.1
9417+
resolution: "css.escape@npm:1.5.1"
9418+
checksum: 10c0/5e09035e5bf6c2c422b40c6df2eb1529657a17df37fda5d0433d722609527ab98090baf25b13970ca754079a0f3161dd3dfc0e743563ded8cfa0749d861c1525
9419+
languageName: node
9420+
linkType: hard
9421+
93149422
"cssesc@npm:^3.0.0":
93159423
version: 3.0.0
93169424
resolution: "cssesc@npm:3.0.0"
@@ -9752,6 +9860,20 @@ __metadata:
97529860
languageName: node
97539861
linkType: hard
97549862

9863+
"dom-accessibility-api@npm:^0.5.9":
9864+
version: 0.5.16
9865+
resolution: "dom-accessibility-api@npm:0.5.16"
9866+
checksum: 10c0/b2c2eda4fae568977cdac27a9f0c001edf4f95a6a6191dfa611e3721db2478d1badc01db5bb4fa8a848aeee13e442a6c2a4386d65ec65a1436f24715a2f8d053
9867+
languageName: node
9868+
linkType: hard
9869+
9870+
"dom-accessibility-api@npm:^0.6.3":
9871+
version: 0.6.3
9872+
resolution: "dom-accessibility-api@npm:0.6.3"
9873+
checksum: 10c0/10bee5aa514b2a9a37c87cd81268db607a2e933a050074abc2f6fa3da9080ebed206a320cbc123567f2c3087d22292853bdfdceaffdd4334ffe2af9510b29360
9874+
languageName: node
9875+
linkType: hard
9876+
97559877
"dom-helpers@npm:^5.0.1":
97569878
version: 5.2.1
97579879
resolution: "dom-helpers@npm:5.2.1"
@@ -12109,6 +12231,13 @@ __metadata:
1210912231
languageName: node
1211012232
linkType: hard
1211112233

12234+
"indent-string@npm:^4.0.0":
12235+
version: 4.0.0
12236+
resolution: "indent-string@npm:4.0.0"
12237+
checksum: 10c0/1e1904ddb0cb3d6cce7cd09e27a90184908b7a5d5c21b92e232c93579d314f0b83c246ffb035493d0504b1e9147ba2c9b21df0030f48673fba0496ecd698161f
12238+
languageName: node
12239+
linkType: hard
12240+
1211212241
"inflight@npm:^1.0.4":
1211312242
version: 1.0.6
1211412243
resolution: "inflight@npm:1.0.6"
@@ -13175,6 +13304,15 @@ __metadata:
1317513304
languageName: node
1317613305
linkType: hard
1317713306

13307+
"lz-string@npm:^1.5.0":
13308+
version: 1.5.0
13309+
resolution: "lz-string@npm:1.5.0"
13310+
bin:
13311+
lz-string: bin/bin.js
13312+
checksum: 10c0/36128e4de34791838abe979b19927c26e67201ca5acf00880377af7d765b38d1c60847e01c5ec61b1a260c48029084ab3893a3925fd6e48a04011364b089991b
13313+
languageName: node
13314+
linkType: hard
13315+
1317813316
"magic-string@npm:0.30.8":
1317913317
version: 0.30.8
1318013318
resolution: "magic-string@npm:0.30.8"
@@ -13922,6 +14060,13 @@ __metadata:
1392214060
languageName: node
1392314061
linkType: hard
1392414062

14063+
"min-indent@npm:^1.0.0":
14064+
version: 1.0.1
14065+
resolution: "min-indent@npm:1.0.1"
14066+
checksum: 10c0/7e207bd5c20401b292de291f02913230cb1163abca162044f7db1d951fa245b174dc00869d40dd9a9f32a885ad6a5f3e767ee104cf278f399cb4e92d3f582d5c
14067+
languageName: node
14068+
linkType: hard
14069+
1392514070
"minimatch@npm:9.0.3":
1392614071
version: 9.0.3
1392714072
resolution: "minimatch@npm:9.0.3"
@@ -15099,7 +15244,7 @@ __metadata:
1509915244
languageName: node
1510015245
linkType: hard
1510115246

15102-
"picocolors@npm:^1.0.0, picocolors@npm:^1.1.1":
15247+
"picocolors@npm:1.1.1, picocolors@npm:^1.0.0, picocolors@npm:^1.1.1":
1510315248
version: 1.1.1
1510415249
resolution: "picocolors@npm:1.1.1"
1510515250
checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
@@ -15442,6 +15587,17 @@ __metadata:
1544215587
languageName: node
1544315588
linkType: hard
1544415589

15590+
"pretty-format@npm:^27.0.2":
15591+
version: 27.5.1
15592+
resolution: "pretty-format@npm:27.5.1"
15593+
dependencies:
15594+
ansi-regex: "npm:^5.0.1"
15595+
ansi-styles: "npm:^5.0.0"
15596+
react-is: "npm:^17.0.1"
15597+
checksum: 10c0/0cbda1031aa30c659e10921fa94e0dd3f903ecbbbe7184a729ad66f2b6e7f17891e8c7d7654c458fa4ccb1a411ffb695b4f17bbcd3fe075fabe181027c4040ed
15598+
languageName: node
15599+
linkType: hard
15600+
1544515601
"pretty-format@npm:^3.8.0":
1544615602
version: 3.8.0
1544715603
resolution: "pretty-format@npm:3.8.0"
@@ -15775,6 +15931,13 @@ __metadata:
1577515931
languageName: node
1577615932
linkType: hard
1577715933

15934+
"react-is@npm:^17.0.1":
15935+
version: 17.0.2
15936+
resolution: "react-is@npm:17.0.2"
15937+
checksum: 10c0/2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
15938+
languageName: node
15939+
linkType: hard
15940+
1577815941
"react-is@npm:^18.3.1":
1577915942
version: 18.3.1
1578015943
resolution: "react-is@npm:18.3.1"
@@ -16013,6 +16176,16 @@ __metadata:
1601316176
languageName: node
1601416177
linkType: hard
1601516178

16179+
"redent@npm:^3.0.0":
16180+
version: 3.0.0
16181+
resolution: "redent@npm:3.0.0"
16182+
dependencies:
16183+
indent-string: "npm:^4.0.0"
16184+
strip-indent: "npm:^3.0.0"
16185+
checksum: 10c0/d64a6b5c0b50eb3ddce3ab770f866658a2b9998c678f797919ceb1b586bab9259b311407280bd80b804e2a7c7539b19238ae6a2a20c843f1a7fcff21d48c2eae
16186+
languageName: node
16187+
linkType: hard
16188+
1601616189
"redis-errors@npm:^1.0.0, redis-errors@npm:^1.2.0":
1601716190
version: 1.2.0
1601816191
resolution: "redis-errors@npm:1.2.0"
@@ -17480,6 +17653,15 @@ __metadata:
1748017653
languageName: node
1748117654
linkType: hard
1748217655

17656+
"strip-indent@npm:^3.0.0":
17657+
version: 3.0.0
17658+
resolution: "strip-indent@npm:3.0.0"
17659+
dependencies:
17660+
min-indent: "npm:^1.0.0"
17661+
checksum: 10c0/ae0deaf41c8d1001c5d4fbe16cb553865c1863da4fae036683b474fa926af9fc121e155cb3fc57a68262b2ae7d5b8420aa752c97a6428c315d00efe2a3875679
17662+
languageName: node
17663+
linkType: hard
17664+
1748317665
"strip-json-comments@npm:^3.1.1":
1748417666
version: 3.1.1
1748517667
resolution: "strip-json-comments@npm:3.1.1"

0 commit comments

Comments
 (0)