From cbec6a2d1deffdafc3aebae6e79ae46e2fabdb8a Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 10:24:57 -0800
Subject: [PATCH 01/13] Update jest/babel config to fix warnings when mocking
 useColorScheme

---
 packages/components/babel.config.js |    1 +
 packages/components/jest.config.js  |    6 +-
 packages/components/package.json    |    2 +
 yarn.lock                           | 1182 ++++++++++++++++++---------
 4 files changed, 797 insertions(+), 394 deletions(-)

diff --git a/packages/components/babel.config.js b/packages/components/babel.config.js
index 69be7341..e50ac3bc 100644
--- a/packages/components/babel.config.js
+++ b/packages/components/babel.config.js
@@ -4,6 +4,7 @@ module.exports = function (api) {
     presets: ['babel-preset-expo', '@babel/preset-typescript'],
     plugins: [
       '@babel/plugin-transform-react-jsx',
+      ['@babel/plugin-transform-private-methods', { loose: true }],
       'react-native-reanimated/plugin',
       ['babel-plugin-react-docgen-typescript', { exclude: 'node_modules' }],
     ],
diff --git a/packages/components/jest.config.js b/packages/components/jest.config.js
index dd3043da..1be80a4b 100644
--- a/packages/components/jest.config.js
+++ b/packages/components/jest.config.js
@@ -1,5 +1,5 @@
 module.exports = {
-  preset: 'react-native',
+  preset: 'jest-expo',
   testEnvironment: 'node',
   transform: {
     '^.+\\.(ts|tsx)$': [
@@ -14,5 +14,7 @@ module.exports = {
     '../../node_modules/react-native-gesture-handler/jestSetup.js',
     './jest/testSetup.ts',
   ],
-  transformIgnorePatterns: ['jest-runner', '/node_modules/(?!native-base)/'],
+  transformIgnorePatterns: [
+    '../../node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)',
+  ],
 }
diff --git a/packages/components/package.json b/packages/components/package.json
index 392e4158..9f816a68 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -52,6 +52,7 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@babel/plugin-transform-private-methods": "^7.23.3",
     "@babel/plugin-transform-react-jsx": "^7.22.15",
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
@@ -88,6 +89,7 @@
     "expo-status-bar": "~1.6.0",
     "gh-pages": "^5.0.0",
     "jest": "^29.6.1",
+    "jest-expo": "~49.0.0",
     "jest-styled-components": "^7.1.1",
     "metro-react-native-babel-preset": "^0.77.0",
     "react": "^18.2.0",
diff --git a/yarn.lock b/yarn.lock
index 5de59c8d..0691149a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1950,6 +1950,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-private-methods@npm:^7.23.3":
+  version: 7.23.3
+  resolution: "@babel/plugin-transform-private-methods@npm:7.23.3"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cedc1285c49b5a6d9a3d0e5e413b756ac40b3ac2f8f68bdfc3ae268bc8d27b00abd8bb0861c72756ff5dd8bf1eb77211b7feb5baf4fdae2ebbaabe49b9adc1d0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-property-in-object@npm:^7.22.11":
   version: 7.22.11
   resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.11"
@@ -2715,6 +2727,7 @@ __metadata:
   dependencies:
     "@babel/core": ^7.20.0
     "@babel/plugin-proposal-export-namespace-from": ^7.18.9
+    "@babel/plugin-transform-private-methods": ^7.23.3
     "@babel/plugin-transform-react-jsx": ^7.22.15
     "@babel/preset-env": ^7.22.15
     "@babel/preset-typescript": ^7.22.15
@@ -2754,6 +2767,7 @@ __metadata:
     gh-pages: ^5.0.0
     i18next: ^23.4.3
     jest: ^29.6.1
+    jest-expo: ~49.0.0
     jest-styled-components: ^7.1.1
     metro-react-native-babel-preset: ^0.77.0
     react: ^18.2.0
@@ -3459,50 +3473,50 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/console@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/console@npm:29.6.1"
+"@jest/console@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/console@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
-  checksum: d0ab23a00947bfb4bff8c0a7e5a7afd16519de16dde3fe7e77b9f13e794c6df7043ecf7fcdde66ac0d2b5fb3262e9cab3d92eaf61f89a12d3b8e3602e06a9902
+  checksum: 0e3624e32c5a8e7361e889db70b170876401b7d70f509a2538c31d5cd50deb0c1ae4b92dc63fe18a0902e0a48c590c21d53787a0df41a52b34fa7cab96c384d6
   languageName: node
   linkType: hard
 
-"@jest/core@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/core@npm:29.6.1"
+"@jest/core@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/core@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/reporters": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/reporters": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     ci-info: ^3.2.0
     exit: ^0.1.2
     graceful-fs: ^4.2.9
-    jest-changed-files: ^29.5.0
-    jest-config: ^29.6.1
-    jest-haste-map: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-resolve-dependencies: ^29.6.1
-    jest-runner: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
-    jest-watcher: ^29.6.1
+    jest-changed-files: ^29.7.0
+    jest-config: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-resolve-dependencies: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
+    jest-watcher: ^29.7.0
     micromatch: ^4.0.4
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-ansi: ^6.0.0
   peerDependencies:
@@ -3510,7 +3524,7 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: 736dcc90c6c58dd9e1d2da122103b851187719ce3b3d4167689c63e68252632cd817712955b52ddaa648eba9c6f98f86cd58677325f0db4185f76899c64d7dac
+  checksum: af759c9781cfc914553320446ce4e47775ae42779e73621c438feb1e4231a5d4862f84b1d8565926f2d1aab29b3ec3dcfdc84db28608bdf5f29867124ebcfc0d
   languageName: node
   linkType: hard
 
@@ -3523,18 +3537,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/environment@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/environment@npm:29.6.1"
-  dependencies:
-    "@jest/fake-timers": ^29.6.1
-    "@jest/types": ^29.6.1
-    "@types/node": "*"
-    jest-mock: ^29.6.1
-  checksum: fb671f91f27e7aa1ba04983ef87a83f0794a597aba0a57d08cbb1fcb484c2aedc2201e99f85fafe27aec9be78af6f2d1d7e6ea88267938992a1d0f9d4615f5b2
-  languageName: node
-  linkType: hard
-
 "@jest/environment@npm:^29.6.4":
   version: 29.6.4
   resolution: "@jest/environment@npm:29.6.4"
@@ -3547,6 +3549,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/environment@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/environment@npm:29.7.0"
+  dependencies:
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
+    "@types/node": "*"
+    jest-mock: ^29.7.0
+  checksum: 6fb398143b2543d4b9b8d1c6dbce83fa5247f84f550330604be744e24c2bd2178bb893657d62d1b97cf2f24baf85c450223f8237cccb71192c36a38ea2272934
+  languageName: node
+  linkType: hard
+
 "@jest/expect-utils@npm:^29.6.1":
   version: 29.6.1
   resolution: "@jest/expect-utils@npm:29.6.1"
@@ -3556,27 +3570,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/expect@npm:29.6.1"
+"@jest/expect-utils@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect-utils@npm:29.7.0"
   dependencies:
-    expect: ^29.6.1
-    jest-snapshot: ^29.6.1
-  checksum: 5c56977b3cc8489744d97d9dc2dcb196c1dfecc83a058a7ef0fd4f63d68cf120a23d27669272d1e1b184fb4337b85e4ac1fc7f886e3988fdf243d42d73973eac
+    jest-get-type: ^29.6.3
+  checksum: 75eb177f3d00b6331bcaa057e07c0ccb0733a1d0a1943e1d8db346779039cb7f103789f16e502f888a3096fb58c2300c38d1f3748b36a7fa762eb6f6d1b160ed
   languageName: node
   linkType: hard
 
-"@jest/fake-timers@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/fake-timers@npm:29.6.1"
+"@jest/expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/expect@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
-    "@sinonjs/fake-timers": ^10.0.2
-    "@types/node": "*"
-    jest-message-util: ^29.6.1
-    jest-mock: ^29.6.1
-    jest-util: ^29.6.1
-  checksum: 86991276944b7d6c2ada3703a272517f5f8f2f4e2af1fe26065f6db1dac4dc6299729a88c46bcb781dcc1b20504c1d4bbd8119fd8a0838ac81a9a4b5d2c8e429
+    expect: ^29.7.0
+    jest-snapshot: ^29.7.0
+  checksum: a01cb85fd9401bab3370618f4b9013b90c93536562222d920e702a0b575d239d74cecfe98010aaec7ad464f67cf534a353d92d181646a4b792acaa7e912ae55e
   languageName: node
   linkType: hard
 
@@ -3594,27 +3603,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/globals@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/globals@npm:29.6.1"
+"@jest/fake-timers@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/fake-timers@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/expect": ^29.6.1
-    "@jest/types": ^29.6.1
-    jest-mock: ^29.6.1
-  checksum: fcca0b970a8b4894a1cdff0f500a86b45609e72c0a4319875e9504237b839df1a46c44d2f1362c6d87fdc7a05928edcc4b5a3751c9e6648dd70a761cdab64c94
+    "@jest/types": ^29.6.3
+    "@sinonjs/fake-timers": ^10.0.2
+    "@types/node": "*"
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: caf2bbd11f71c9241b458d1b5a66cbe95debc5a15d96442444b5d5c7ba774f523c76627c6931cca5e10e76f0d08761f6f1f01a608898f4751a0eee54fc3d8d00
   languageName: node
   linkType: hard
 
-"@jest/reporters@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/reporters@npm:29.6.1"
+"@jest/globals@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/globals@npm:29.7.0"
+  dependencies:
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/types": ^29.6.3
+    jest-mock: ^29.7.0
+  checksum: 97dbb9459135693ad3a422e65ca1c250f03d82b2a77f6207e7fa0edd2c9d2015fbe4346f3dc9ebff1678b9d8da74754d4d440b7837497f8927059c0642a22123
+  languageName: node
+  linkType: hard
+
+"@jest/reporters@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/reporters@npm:29.7.0"
   dependencies:
     "@bcoe/v8-coverage": ^0.2.3
-    "@jest/console": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@jridgewell/trace-mapping": ^0.3.18
     "@types/node": "*"
     chalk: ^4.0.0
@@ -3623,13 +3646,13 @@ __metadata:
     glob: ^7.1.3
     graceful-fs: ^4.2.9
     istanbul-lib-coverage: ^3.0.0
-    istanbul-lib-instrument: ^5.1.0
+    istanbul-lib-instrument: ^6.0.0
     istanbul-lib-report: ^3.0.0
     istanbul-lib-source-maps: ^4.0.0
     istanbul-reports: ^3.1.3
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
-    jest-worker: ^29.6.1
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
     slash: ^3.0.0
     string-length: ^4.0.1
     strip-ansi: ^6.0.0
@@ -3639,7 +3662,7 @@ __metadata:
   peerDependenciesMeta:
     node-notifier:
       optional: true
-  checksum: b7dae415f3f6342b4db2671261bbee29af20a829f42135316c3dd548b9ef85290c9bb64a0e3aec4a55486596be1257ac8216a0f8d9794acd43f8b8fb686fc7e3
+  checksum: 7eadabd62cc344f629024b8a268ecc8367dba756152b761bdcb7b7e570a3864fc51b2a9810cd310d85e0a0173ef002ba4528d5ea0329fbf66ee2a3ada9c40455
   languageName: node
   linkType: hard
 
@@ -3661,38 +3684,38 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/source-map@npm:^29.6.0":
-  version: 29.6.0
-  resolution: "@jest/source-map@npm:29.6.0"
+"@jest/source-map@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/source-map@npm:29.6.3"
   dependencies:
     "@jridgewell/trace-mapping": ^0.3.18
     callsites: ^3.0.0
     graceful-fs: ^4.2.9
-  checksum: 9c6c40387410bb70b2fae8124287fc28f6bdd1b2d7f24348e8611e1bb638b404518228a4ce64a582365b589c536ae8e7ebab0126cef59a87874b71061d19783b
+  checksum: bcc5a8697d471396c0003b0bfa09722c3cd879ad697eb9c431e6164e2ea7008238a01a07193dfe3cbb48b1d258eb7251f6efcea36f64e1ebc464ea3c03ae2deb
   languageName: node
   linkType: hard
 
-"@jest/test-result@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/test-result@npm:29.6.1"
+"@jest/test-result@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-result@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/istanbul-lib-coverage": ^2.0.0
     collect-v8-coverage: ^1.0.0
-  checksum: 9397a3a3410c5df564e79297b1be4fe33807a6157a017a1f74b54a6ef14de1530f12b922299e822e66a82c53269da16661772bffde3d883a78c5eefd2cd6d1cc
+  checksum: 67b6317d526e335212e5da0e768e3b8ab8a53df110361b80761353ad23b6aea4432b7c5665bdeb87658ea373b90fb1afe02ed3611ef6c858c7fba377505057fa
   languageName: node
   linkType: hard
 
-"@jest/test-sequencer@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/test-sequencer@npm:29.6.1"
+"@jest/test-sequencer@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "@jest/test-sequencer@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.6.1
+    "@jest/test-result": ^29.7.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
+    jest-haste-map: ^29.7.0
     slash: ^3.0.0
-  checksum: f3437178b5dca0401ed2e990d8b69161442351856d56f5725e009a487f5232b51039f8829673884b9bea61c861120d08a53a36432f4a4b8aab38915a68f7000d
+  checksum: 73f43599017946be85c0b6357993b038f875b796e2f0950487a82f4ebcb115fa12131932dd9904026b4ad8be131fe6e28bd8d0aa93b1563705185f9804bff8bd
   languageName: node
   linkType: hard
 
@@ -3719,29 +3742,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "@jest/transform@npm:29.6.1"
-  dependencies:
-    "@babel/core": ^7.11.6
-    "@jest/types": ^29.6.1
-    "@jridgewell/trace-mapping": ^0.3.18
-    babel-plugin-istanbul: ^6.1.1
-    chalk: ^4.0.0
-    convert-source-map: ^2.0.0
-    fast-json-stable-stringify: ^2.1.0
-    graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.6.1
-    micromatch: ^4.0.4
-    pirates: ^4.0.4
-    slash: ^3.0.0
-    write-file-atomic: ^4.0.2
-  checksum: 1635cd66e4b3dbba0689ecefabc6137301756c9c12d1d23e25124dd0dd9b4a6a38653d51e825e90f74faa022152ac1eaf200591fb50417aa7e1f7d1d1c2bc11d
-  languageName: node
-  linkType: hard
-
 "@jest/transform@npm:^29.7.0":
   version: 29.7.0
   resolution: "@jest/transform@npm:29.7.0"
@@ -6850,6 +6850,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/jsdom@npm:^20.0.0":
+  version: 20.0.1
+  resolution: "@types/jsdom@npm:20.0.1"
+  dependencies:
+    "@types/node": "*"
+    "@types/tough-cookie": "*"
+    parse5: ^7.0.0
+  checksum: d55402c5256ef451f93a6e3d3881f98339fe73a5ac2030588df056d6835df8367b5a857b48d27528289057e26dcdd3f502edc00cb877c79174cb3a4c7f2198c1
+  languageName: node
+  linkType: hard
+
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.4, @types/json-schema@npm:^7.0.5, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
   version: 7.0.12
   resolution: "@types/json-schema@npm:7.0.12"
@@ -6946,13 +6957,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prettier@npm:^2.1.5":
-  version: 2.7.3
-  resolution: "@types/prettier@npm:2.7.3"
-  checksum: 705384209cea6d1433ff6c187c80dcc0b95d99d5c5ce21a46a9a58060c527973506822e428789d842761e0280d25e3359300f017fbe77b9755bc772ab3dc2f83
-  languageName: node
-  linkType: hard
-
 "@types/pretty-hrtime@npm:^1.0.0":
   version: 1.0.1
   resolution: "@types/pretty-hrtime@npm:1.0.1"
@@ -7120,6 +7124,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/tough-cookie@npm:*":
+  version: 4.0.5
+  resolution: "@types/tough-cookie@npm:4.0.5"
+  checksum: f19409d0190b179331586365912920d192733112a195e870c7f18d20ac8adb7ad0b0ff69dad430dba8bc2be09593453a719cfea92dc3bda19748fd158fe1498d
+  languageName: node
+  linkType: hard
+
 "@types/trusted-types@npm:^2.0.2":
   version: 2.0.3
   resolution: "@types/trusted-types@npm:2.0.3"
@@ -7742,7 +7753,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"abab@npm:^2.0.5":
+"abab@npm:^2.0.5, abab@npm:^2.0.6":
   version: 2.0.6
   resolution: "abab@npm:2.0.6"
   checksum: 6ffc1af4ff315066c62600123990d87551ceb0aafa01e6539da77b0f5987ac7019466780bf480f1787576d4385e3690c81ccc37cfda12819bf510b8ab47e5a3e
@@ -7775,6 +7786,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn-globals@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "acorn-globals@npm:7.0.1"
+  dependencies:
+    acorn: ^8.1.0
+    acorn-walk: ^8.0.2
+  checksum: 2a2998a547af6d0db5f0cdb90acaa7c3cbca6709010e02121fb8b8617c0fbd8bab0b869579903fde358ac78454356a14fadcc1a672ecb97b04b1c2ccba955ce8
+  languageName: node
+  linkType: hard
+
 "acorn-import-assertions@npm:^1.9.0":
   version: 1.9.0
   resolution: "acorn-import-assertions@npm:1.9.0"
@@ -7800,6 +7821,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn-walk@npm:^8.0.2":
+  version: 8.3.1
+  resolution: "acorn-walk@npm:8.3.1"
+  checksum: 5c8926ddb5400bc825b6baca782931f9df4ace603ba1a517f5243290fd9cdb089d52877840687b5d5c939591ebc314e2e63721514feaa37c6829c828f2b940ce
+  languageName: node
+  linkType: hard
+
 "acorn@npm:^6.4.1":
   version: 6.4.2
   resolution: "acorn@npm:6.4.2"
@@ -7818,6 +7846,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.1.0, acorn@npm:^8.8.1":
+  version: 8.11.2
+  resolution: "acorn@npm:8.11.2"
+  bin:
+    acorn: bin/acorn
+  checksum: 818450408684da89423e3daae24e4dc9b68692db8ab49ea4569c7c5abb7a3f23669438bf129cc81dfdada95e1c9b944ee1bfca2c57a05a4dc73834a612fbf6a7
+  languageName: node
+  linkType: hard
+
 "acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
   version: 8.10.0
   resolution: "acorn@npm:8.10.0"
@@ -7979,7 +8016,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.2":
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.0, ansi-escapes@npm:^4.3.2":
   version: 4.3.2
   resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
@@ -7988,6 +8025,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-escapes@npm:^6.0.0":
+  version: 6.2.0
+  resolution: "ansi-escapes@npm:6.2.0"
+  dependencies:
+    type-fest: ^3.0.0
+  checksum: f0bc667d5f1ededc3ea89b73c34f0cba95473525b07e1290ddfd3fc868c94614e95f3549f5c4fd0c05424af7d3fd298101fb3d9a52a597d3782508b340783bd7
+  languageName: node
+  linkType: hard
+
 "ansi-fragments@npm:^0.2.1":
   version: 0.2.1
   resolution: "ansi-fragments@npm:0.2.1"
@@ -8504,24 +8550,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-jest@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "babel-jest@npm:29.6.1"
-  dependencies:
-    "@jest/transform": ^29.6.1
-    "@types/babel__core": ^7.1.14
-    babel-plugin-istanbul: ^6.1.1
-    babel-preset-jest: ^29.5.0
-    chalk: ^4.0.0
-    graceful-fs: ^4.2.9
-    slash: ^3.0.0
-  peerDependencies:
-    "@babel/core": ^7.8.0
-  checksum: bc46cfba468edde91f34a8292501d4448a39fab72d80d7d95f4349feb114fa21becb01def007d6166de7933ab9633bf5b5e1b72ba6ffeaa991f7abf014a2f61d
-  languageName: node
-  linkType: hard
-
-"babel-jest@npm:^29.6.4":
+"babel-jest@npm:^29.2.1, babel-jest@npm:^29.6.4, babel-jest@npm:^29.7.0":
   version: 29.7.0
   resolution: "babel-jest@npm:29.7.0"
   dependencies:
@@ -8594,18 +8623,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-jest-hoist@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-plugin-jest-hoist@npm:29.5.0"
-  dependencies:
-    "@babel/template": ^7.3.3
-    "@babel/types": ^7.3.3
-    "@types/babel__core": ^7.1.14
-    "@types/babel__traverse": ^7.0.6
-  checksum: 099b5254073b6bc985b6d2d045ad26fb8ed30ff8ae6404c4fe8ee7cd0e98a820f69e3dfb871c7c65aae0f4b65af77046244c07bb92d49ef9005c90eedf681539
-  languageName: node
-  linkType: hard
-
 "babel-plugin-jest-hoist@npm:^29.6.3":
   version: 29.6.3
   resolution: "babel-plugin-jest-hoist@npm:29.6.3"
@@ -8817,18 +8834,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-preset-jest@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "babel-preset-jest@npm:29.5.0"
-  dependencies:
-    babel-plugin-jest-hoist: ^29.5.0
-    babel-preset-current-node-syntax: ^1.0.0
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 5566ca2762766c9319b4973d018d2fa08c0fcf6415c72cc54f4c8e7199e851ea8f5e6c6730f03ed7ed44fc8beefa959dd15911f2647dee47c615ff4faeddb1ad
-  languageName: node
-  linkType: hard
-
 "babel-preset-jest@npm:^29.6.3":
   version: 29.6.3
   resolution: "babel-preset-jest@npm:29.6.3"
@@ -9629,6 +9634,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chalk@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "chalk@npm:3.0.0"
+  dependencies:
+    ansi-styles: ^4.1.0
+    supports-color: ^7.1.0
+  checksum: 8e3ddf3981c4da405ddbd7d9c8d91944ddf6e33d6837756979f7840a29272a69a5189ecae0ff84006750d6d1e92368d413335eab4db5476db6e6703a1d1e0505
+  languageName: node
+  linkType: hard
+
 "chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
@@ -9666,6 +9681,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"char-regex@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "char-regex@npm:2.0.1"
+  checksum: 8524c03fd7e58381dccf33babe885fe62731ae20755528b19c39945b8203479184f35247210dc9eeeef279cdbdd6511cd3182e0e1db8e4549bf2586470b7c204
+  languageName: node
+  linkType: hard
+
 "character-entities-legacy@npm:^1.0.0":
   version: 1.1.4
   resolution: "character-entities-legacy@npm:1.1.4"
@@ -10455,6 +10477,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"create-jest@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "create-jest@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    chalk: ^4.0.0
+    exit: ^0.1.2
+    graceful-fs: ^4.2.9
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    prompts: ^2.0.1
+  bin:
+    create-jest: bin/create-jest.js
+  checksum: 1427d49458adcd88547ef6fa39041e1fe9033a661293aa8d2c3aa1b4967cb5bf4f0c00436c7a61816558f28ba2ba81a94d5c962e8022ea9a883978fc8e1f2945
+  languageName: node
+  linkType: hard
+
 "cross-fetch@npm:^3.1.5":
   version: 3.1.8
   resolution: "cross-fetch@npm:3.1.8"
@@ -10759,6 +10798,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssom@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "cssom@npm:0.5.0"
+  checksum: 823471aa30091c59e0a305927c30e7768939b6af70405808f8d2ce1ca778cddcb24722717392438329d1691f9a87cb0183b64b8d779b56a961546d54854fde01
+  languageName: node
+  linkType: hard
+
+"cssom@npm:~0.3.6":
+  version: 0.3.8
+  resolution: "cssom@npm:0.3.8"
+  checksum: 24beb3087c76c0d52dd458be9ee1fbc80ac771478a9baef35dd258cdeb527c68eb43204dd439692bb2b1ae5272fa5f2946d10946edab0d04f1078f85e06bc7f6
+  languageName: node
+  linkType: hard
+
+"cssstyle@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "cssstyle@npm:2.3.0"
+  dependencies:
+    cssom: ~0.3.6
+  checksum: 5f05e6fd2e3df0b44695c2f08b9ef38b011862b274e320665176467c0725e44a53e341bc4959a41176e83b66064ab786262e7380fd1cabeae6efee0d255bb4e3
+  languageName: node
+  linkType: hard
+
 "csstype@npm:^3.0.2, csstype@npm:^3.1.2":
   version: 3.1.2
   resolution: "csstype@npm:3.1.2"
@@ -10789,6 +10851,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"data-urls@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "data-urls@npm:3.0.2"
+  dependencies:
+    abab: ^2.0.6
+    whatwg-mimetype: ^3.0.0
+    whatwg-url: ^11.0.0
+  checksum: 033fc3dd0fba6d24bc9a024ddcf9923691dd24f90a3d26f6545d6a2f71ec6956f93462f2cdf2183cc46f10dc01ed3bcb36731a8208456eb1a08147e571fe2a76
+  languageName: node
+  linkType: hard
+
 "dayjs@npm:^1.8.15":
   version: 1.11.9
   resolution: "dayjs@npm:1.11.9"
@@ -10833,6 +10906,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"decimal.js@npm:^10.4.2":
+  version: 10.4.3
+  resolution: "decimal.js@npm:10.4.3"
+  checksum: 796404dcfa9d1dbfdc48870229d57f788b48c21c603c3f6554a1c17c10195fc1024de338b0cf9e1efe0c7c167eeb18f04548979bcc5fdfabebb7cc0ae3287bae
+  languageName: node
+  linkType: hard
+
 "decode-uri-component@npm:^0.2.0":
   version: 0.2.2
   resolution: "decode-uri-component@npm:0.2.2"
@@ -10847,6 +10927,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dedent@npm:^1.0.0":
+  version: 1.5.1
+  resolution: "dedent@npm:1.5.1"
+  peerDependencies:
+    babel-plugin-macros: ^3.1.0
+  peerDependenciesMeta:
+    babel-plugin-macros:
+      optional: true
+  checksum: c3c300a14edf1bdf5a873f9e4b22e839d62490bc5c8d6169c1f15858a1a76733d06a9a56930e963d677a2ceeca4b6b0894cc5ea2f501aa382ca5b92af3413c2a
+  languageName: node
+  linkType: hard
+
 "deep-equal@npm:^1.0.1":
   version: 1.1.1
   resolution: "deep-equal@npm:1.1.1"
@@ -11239,6 +11331,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domexception@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "domexception@npm:4.0.0"
+  dependencies:
+    webidl-conversions: ^7.0.0
+  checksum: ddbc1268edf33a8ba02ccc596735ede80375ee0cf124b30d2f05df5b464ba78ef4f49889b6391df4a04954e63d42d5631c7fcf8b1c4f12bc531252977a5f13d5
+  languageName: node
+  linkType: hard
+
 "domhandler@npm:^4.0.0, domhandler@npm:^4.2.0, domhandler@npm:^4.3.1":
   version: 4.3.1
   resolution: "domhandler@npm:4.3.1"
@@ -11451,6 +11552,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"entities@npm:^4.4.0":
+  version: 4.5.0
+  resolution: "entities@npm:4.5.0"
+  checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
+  languageName: node
+  linkType: hard
+
 "env-editor@npm:^0.4.1":
   version: 0.4.2
   resolution: "env-editor@npm:0.4.2"
@@ -12012,7 +12120,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.0.0, expect@npm:^29.6.1":
+"expect@npm:^29.0.0":
   version: 29.6.1
   resolution: "expect@npm:29.6.1"
   dependencies:
@@ -12026,6 +12134,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expect@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "expect@npm:29.7.0"
+  dependencies:
+    "@jest/expect-utils": ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 9257f10288e149b81254a0fda8ffe8d54a7061cd61d7515779998b012579d2b8c22354b0eb901daf0145f347403da582f75f359f4810c007182ad3fb318b5c0c
+  languageName: node
+  linkType: hard
+
 "expo-application@npm:~5.3.0":
   version: 5.3.1
   resolution: "expo-application@npm:5.3.1"
@@ -12074,13 +12195,13 @@ __metadata:
   linkType: hard
 
 "expo-file-system@npm:~15.4.4":
-  version: 15.4.4
-  resolution: "expo-file-system@npm:15.4.4"
+  version: 15.4.5
+  resolution: "expo-file-system@npm:15.4.5"
   dependencies:
     uuid: ^3.4.0
   peerDependencies:
     expo: "*"
-  checksum: d1bd26c05195c563300649c2ce6c1e8631e5fc928628bc6386cc57a6a47cec1b327333f75111ce7e943e95756f36d78e7201013fc494ef190342b528dd29f3bf
+  checksum: 3507f872a111dc2a603632d89c8c798f87927e2ab57bcd0afae34cd34423195ea8fc38a9bdceecb647f64333c6acdd9926722a43627cf5d6cdfbb204f4a0d10b
   languageName: node
   linkType: hard
 
@@ -12809,6 +12930,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"form-data@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "form-data@npm:4.0.0"
+  dependencies:
+    asynckit: ^0.4.0
+    combined-stream: ^1.0.8
+    mime-types: ^2.1.12
+  checksum: 01135bf8675f9d5c61ff18e2e2932f719ca4de964e3be90ef4c36aacfc7b9cb2fceb5eca0b7e0190e3383fe51c5b37f4cb80b62ca06a99aaabfcfd6ac7c9328c
+  languageName: node
+  linkType: hard
+
 "forwarded@npm:0.2.0":
   version: 0.2.0
   resolution: "forwarded@npm:0.2.0"
@@ -13765,6 +13897,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"html-encoding-sniffer@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "html-encoding-sniffer@npm:3.0.0"
+  dependencies:
+    whatwg-encoding: ^2.0.0
+  checksum: 8d806aa00487e279e5ccb573366a951a9f68f65c90298eac9c3a2b440a7ffe46615aff2995a2f61c6746c639234e6179a97e18ca5ccbbf93d3725ef2099a4502
+  languageName: node
+  linkType: hard
+
 "html-entities@npm:^2.1.0, html-entities@npm:^2.3.2":
   version: 2.4.0
   resolution: "html-entities@npm:2.4.0"
@@ -14026,7 +14167,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iconv-lite@npm:^0.6.2, iconv-lite@npm:^0.6.3":
+"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2, iconv-lite@npm:^0.6.3":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
   dependencies:
@@ -14759,6 +14900,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-potential-custom-element-name@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-potential-custom-element-name@npm:1.0.1"
+  checksum: ced7bbbb6433a5b684af581872afe0e1767e2d1146b2207ca0068a648fb5cab9d898495d1ac0583524faaf24ca98176a7d9876363097c2d14fee6dd324f3a1ab
+  languageName: node
+  linkType: hard
+
 "is-regex@npm:^1.0.4, is-regex@npm:^1.1.2, is-regex@npm:^1.1.4":
   version: 1.1.4
   resolution: "is-regex@npm:1.1.4"
@@ -14970,7 +15118,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
+"istanbul-lib-instrument@npm:^5.0.4":
   version: 5.2.1
   resolution: "istanbul-lib-instrument@npm:5.2.1"
   dependencies:
@@ -14983,6 +15131,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"istanbul-lib-instrument@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "istanbul-lib-instrument@npm:6.0.1"
+  dependencies:
+    "@babel/core": ^7.12.3
+    "@babel/parser": ^7.14.7
+    "@istanbuljs/schema": ^0.1.2
+    istanbul-lib-coverage: ^3.2.0
+    semver: ^7.5.4
+  checksum: fb23472e739cfc9b027cefcd7d551d5e7ca7ff2817ae5150fab99fe42786a7f7b56a29a2aa8309c37092e18297b8003f9c274f50ca4360949094d17fbac81472
+  languageName: node
+  linkType: hard
+
 "istanbul-lib-report@npm:^3.0.0":
   version: 3.0.0
   resolution: "istanbul-lib-report@npm:3.0.0"
@@ -15055,59 +15216,59 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-changed-files@npm:^29.5.0":
-  version: 29.5.0
-  resolution: "jest-changed-files@npm:29.5.0"
+"jest-changed-files@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-changed-files@npm:29.7.0"
   dependencies:
     execa: ^5.0.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-  checksum: a67a7cb3c11f8f92bd1b7c79e84f724cbd11a9ad51f3cdadafe3ce7ee3c79ee50dbea128f920f5fddc807e9e4e83f5462143094391feedd959a77dd20ab96cf3
+  checksum: 963e203893c396c5dfc75e00a49426688efea7361b0f0e040035809cecd2d46b3c01c02be2d9e8d38b1138357d2de7719ea5b5be21f66c10f2e9685a5a73bb99
   languageName: node
   linkType: hard
 
-"jest-circus@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-circus@npm:29.6.1"
+"jest-circus@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-circus@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/expect": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/expect": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     co: ^4.6.0
-    dedent: ^0.7.0
+    dedent: ^1.0.0
     is-generator-fn: ^2.0.0
-    jest-each: ^29.6.1
-    jest-matcher-utils: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
+    jest-each: ^29.7.0
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     p-limit: ^3.1.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     pure-rand: ^6.0.0
     slash: ^3.0.0
     stack-utils: ^2.0.3
-  checksum: f3e39a74b601929448df92037f0599978d4d7a4b8f636f64e8020533d2d2b2f669d6729c80c6efed69341ca26753e5061e9787a0acd6c70af2127a94375ebb76
+  checksum: 349437148924a5a109c9b8aad6d393a9591b4dac1918fc97d81b7fc515bc905af9918495055071404af1fab4e48e4b04ac3593477b1d5dcf48c4e71b527c70a7
   languageName: node
   linkType: hard
 
-"jest-cli@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-cli@npm:29.6.1"
+"jest-cli@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-cli@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/core": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
+    create-jest: ^29.7.0
     exit: ^0.1.2
-    graceful-fs: ^4.2.9
     import-local: ^3.0.2
-    jest-config: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
-    prompts: ^2.0.1
+    jest-config: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     yargs: ^17.3.1
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
@@ -15116,34 +15277,34 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: f5854ffea977b9a12520ea71f8d0cc8a626cbb93d7e1e6eea18a2a1f2b25f70f1b6b08a89f11b4dc7dd36a1776a9ac2cf8ec5c7998086f913ee690c06c07c949
+  checksum: 664901277a3f5007ea4870632ed6e7889db9da35b2434e7cb488443e6bf5513889b344b7fddf15112135495b9875892b156faeb2d7391ddb9e2a849dcb7b6c36
   languageName: node
   linkType: hard
 
-"jest-config@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-config@npm:29.6.1"
+"jest-config@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-config@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
-    "@jest/test-sequencer": ^29.6.1
-    "@jest/types": ^29.6.1
-    babel-jest: ^29.6.1
+    "@jest/test-sequencer": ^29.7.0
+    "@jest/types": ^29.6.3
+    babel-jest: ^29.7.0
     chalk: ^4.0.0
     ci-info: ^3.2.0
     deepmerge: ^4.2.2
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-circus: ^29.6.1
-    jest-environment-node: ^29.6.1
-    jest-get-type: ^29.4.3
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-runner: ^29.6.1
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
+    jest-circus: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-runner: ^29.7.0
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     micromatch: ^4.0.4
     parse-json: ^5.2.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     slash: ^3.0.0
     strip-json-comments: ^3.1.1
   peerDependencies:
@@ -15154,7 +15315,7 @@ __metadata:
       optional: true
     ts-node:
       optional: true
-  checksum: 3a30afeb28cc5658ef9cd95f2551ab8a29641bb6d377eb239cba8e7522eb4611c9a98cdcf173d87f5ad7b5e1ad242c3cd5434a260107bd3c7e8305d05023e05c
+  checksum: 4cabf8f894c180cac80b7df1038912a3fc88f96f2622de33832f4b3314f83e22b08fb751da570c0ab2b7988f21604bdabade95e3c0c041068ac578c085cf7dff
   languageName: node
   linkType: hard
 
@@ -15182,25 +15343,46 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-docblock@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-docblock@npm:29.4.3"
+"jest-docblock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-docblock@npm:29.7.0"
   dependencies:
     detect-newline: ^3.0.0
-  checksum: e0e9df1485bb8926e5b33478cdf84b3387d9caf3658e7dc1eaa6dc34cb93dea0d2d74797f6e940f0233a88f3dadd60957f2288eb8f95506361f85b84bf8661df
+  checksum: 66390c3e9451f8d96c5da62f577a1dad701180cfa9b071c5025acab2f94d7a3efc2515cfa1654ebe707213241541ce9c5530232cdc8017c91ed64eea1bd3b192
   languageName: node
   linkType: hard
 
-"jest-each@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-each@npm:29.6.1"
+"jest-each@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-each@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
+    "@jest/types": ^29.6.3
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
-    jest-util: ^29.6.1
-    pretty-format: ^29.6.1
-  checksum: 9d2ea7ed5326ee8c22523b22c66c85fe73754ea39f9b389881956508ee441392c61072a5fbf673e39beddd31d011bb94acae3edc77053ba4f9aa5c060114a5c8
+    jest-get-type: ^29.6.3
+    jest-util: ^29.7.0
+    pretty-format: ^29.7.0
+  checksum: e88f99f0184000fc8813f2a0aa79e29deeb63700a3b9b7928b8a418d7d93cd24933608591dbbdea732b473eb2021c72991b5cc51a17966842841c6e28e6f691c
+  languageName: node
+  linkType: hard
+
+"jest-environment-jsdom@npm:^29.2.1":
+  version: 29.7.0
+  resolution: "jest-environment-jsdom@npm:29.7.0"
+  dependencies:
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
+    "@types/jsdom": ^20.0.0
+    "@types/node": "*"
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+    jsdom: ^20.0.0
+  peerDependencies:
+    canvas: ^2.5.0
+  peerDependenciesMeta:
+    canvas:
+      optional: true
+  checksum: 559aac134c196fccc1dfc794d8fc87377e9f78e894bb13012b0831d88dec0abd7ece99abec69da564b8073803be4f04a9eb4f4d1bb80e29eec0cb252c254deb8
   languageName: node
   linkType: hard
 
@@ -15218,17 +15400,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-environment-node@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-environment-node@npm:29.6.1"
+"jest-environment-node@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-environment-node@npm:29.7.0"
   dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/fake-timers": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
-    jest-mock: ^29.6.1
-    jest-util: ^29.6.1
-  checksum: a50287e1ff29d131646bd09acc3222ac6ea0ad61e86bf73851d318ef2be0633a421b8558c4a15ddc67e0ffcfc32da7f6a0d8a2ddbfa85453837899dec88d256c
+    jest-mock: ^29.7.0
+    jest-util: ^29.7.0
+  checksum: 501a9966292cbe0ca3f40057a37587cb6def25e1e0c5e39ac6c650fe78d3c70a2428304341d084ac0cced5041483acef41c477abac47e9a290d5545fd2f15646
+  languageName: node
+  linkType: hard
+
+"jest-expo@npm:~49.0.0":
+  version: 49.0.0
+  resolution: "jest-expo@npm:49.0.0"
+  dependencies:
+    "@expo/config": ~8.1.0
+    "@jest/create-cache-key-function": ^29.2.1
+    babel-jest: ^29.2.1
+    find-up: ^5.0.0
+    jest-environment-jsdom: ^29.2.1
+    jest-watch-select-projects: ^2.0.0
+    jest-watch-typeahead: 2.2.1
+    json5: ^2.2.3
+    lodash: ^4.17.19
+    react-test-renderer: 18.2.0
+  bin:
+    jest: bin/jest.js
+  checksum: 0ec4051d058470a2d069cd1c9102c66b8d0d69061e817e6bace7c3f48759ed5f825694ac12bf6e4e6c292629b4693696e1b2b32500fd37daeccaf619d28b06f1
   languageName: node
   linkType: hard
 
@@ -15271,29 +15473,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-haste-map@npm:29.6.1"
-  dependencies:
-    "@jest/types": ^29.6.1
-    "@types/graceful-fs": ^4.1.3
-    "@types/node": "*"
-    anymatch: ^3.0.3
-    fb-watchman: ^2.0.0
-    fsevents: ^2.3.2
-    graceful-fs: ^4.2.9
-    jest-regex-util: ^29.4.3
-    jest-util: ^29.6.1
-    jest-worker: ^29.6.1
-    micromatch: ^4.0.4
-    walker: ^1.0.8
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  checksum: 7c74d5a0f6aafa9f4e60fae7949d4774770c0243fb529c24f2f4c81229db479fa318dc8b81e8d226865aef1d600af10bd8404dd208e802318434b46f75d5d869
-  languageName: node
-  linkType: hard
-
 "jest-haste-map@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-haste-map@npm:29.7.0"
@@ -15317,13 +15496,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-leak-detector@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-leak-detector@npm:29.6.1"
+"jest-leak-detector@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-leak-detector@npm:29.7.0"
   dependencies:
-    jest-get-type: ^29.4.3
-    pretty-format: ^29.6.1
-  checksum: 5122d40c248effaede4c9ee3a99046a3f30088fef7bfc4af534678b432455161399357af46deb6423de7e05c6597920d6ee8cd570e26048886a90d541334f8c8
+    jest-get-type: ^29.6.3
+    pretty-format: ^29.7.0
+  checksum: e3950e3ddd71e1d0c22924c51a300a1c2db6cf69ec1e51f95ccf424bcc070f78664813bef7aed4b16b96dfbdeea53fe358f8aeaaea84346ae15c3735758f1605
   languageName: node
   linkType: hard
 
@@ -15339,7 +15518,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.6.2":
+"jest-matcher-utils@npm:^29.6.2, jest-matcher-utils@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-matcher-utils@npm:29.7.0"
   dependencies:
@@ -15385,14 +15564,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-mock@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-mock@npm:29.6.1"
+"jest-message-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-message-util@npm:29.7.0"
   dependencies:
-    "@jest/types": ^29.6.1
-    "@types/node": "*"
-    jest-util: ^29.6.1
-  checksum: 5e902f1a7eba1eb1a64eb6c19947fe1316834359d9869d0e2644d8979b9cad0465885dc4c9909c471888cddeea835c938cec6263d386d3d1aad720fc74e52ea1
+    "@babel/code-frame": ^7.12.13
+    "@jest/types": ^29.6.3
+    "@types/stack-utils": ^2.0.0
+    chalk: ^4.0.0
+    graceful-fs: ^4.2.9
+    micromatch: ^4.0.4
+    pretty-format: ^29.7.0
+    slash: ^3.0.0
+    stack-utils: ^2.0.3
+  checksum: a9d025b1c6726a2ff17d54cc694de088b0489456c69106be6b615db7a51b7beb66788bea7a59991a019d924fbf20f67d085a445aedb9a4d6760363f4d7d09930
   languageName: node
   linkType: hard
 
@@ -15407,6 +15592,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-mock@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-mock@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    "@types/node": "*"
+    jest-util: ^29.7.0
+  checksum: 81ba9b68689a60be1482212878973700347cb72833c5e5af09895882b9eb5c4e02843a1bbdf23f94c52d42708bab53a30c45a3482952c9eec173d1eaac5b86c5
+  languageName: node
+  linkType: hard
+
 "jest-pnp-resolver@npm:^1.2.2":
   version: 1.2.3
   resolution: "jest-pnp-resolver@npm:1.2.3"
@@ -15433,103 +15629,96 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^29.4.3":
-  version: 29.4.3
-  resolution: "jest-regex-util@npm:29.4.3"
-  checksum: 96fc7fc28cd4dd73a63c13a526202c4bd8b351d4e5b68b1a2a2c88da3308c2a16e26feaa593083eb0bac38cca1aa9dd05025412e7de013ba963fb8e66af22b8a
-  languageName: node
-  linkType: hard
-
-"jest-regex-util@npm:^29.6.3":
+"jest-regex-util@npm:^29.0.0, jest-regex-util@npm:^29.6.3":
   version: 29.6.3
   resolution: "jest-regex-util@npm:29.6.3"
   checksum: 0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
   languageName: node
   linkType: hard
 
-"jest-resolve-dependencies@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-resolve-dependencies@npm:29.6.1"
+"jest-resolve-dependencies@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve-dependencies@npm:29.7.0"
   dependencies:
-    jest-regex-util: ^29.4.3
-    jest-snapshot: ^29.6.1
-  checksum: cee0a0fe53fd4531492a526b6ccd32377baad1eff6e6c124f04e9dc920219fd23fd39be88bb9551ee68d5fe92a3af627b423c9bc65a2aa0ac8a223c0e74dbbbb
+    jest-regex-util: ^29.6.3
+    jest-snapshot: ^29.7.0
+  checksum: aeb75d8150aaae60ca2bb345a0d198f23496494677cd6aefa26fc005faf354061f073982175daaf32b4b9d86b26ca928586344516e3e6969aa614cb13b883984
   languageName: node
   linkType: hard
 
-"jest-resolve@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-resolve@npm:29.6.1"
+"jest-resolve@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-resolve@npm:29.7.0"
   dependencies:
     chalk: ^4.0.0
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
+    jest-haste-map: ^29.7.0
     jest-pnp-resolver: ^1.2.2
-    jest-util: ^29.6.1
-    jest-validate: ^29.6.1
+    jest-util: ^29.7.0
+    jest-validate: ^29.7.0
     resolve: ^1.20.0
     resolve.exports: ^2.0.0
     slash: ^3.0.0
-  checksum: 9ce979a0f4a751bea58caea76415112df2a3f4d58e294019872244728aadd001f0ec20c873a3c805dd8f7c762143b3c14d00f87d124ed87c9981fbf8723090ef
+  checksum: 0ca218e10731aa17920526ec39deaec59ab9b966237905ffc4545444481112cd422f01581230eceb7e82d86f44a543d520a71391ec66e1b4ef1a578bd5c73487
   languageName: node
   linkType: hard
 
-"jest-runner@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-runner@npm:29.6.1"
+"jest-runner@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runner@npm:29.7.0"
   dependencies:
-    "@jest/console": ^29.6.1
-    "@jest/environment": ^29.6.1
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/console": ^29.7.0
+    "@jest/environment": ^29.7.0
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     emittery: ^0.13.1
     graceful-fs: ^4.2.9
-    jest-docblock: ^29.4.3
-    jest-environment-node: ^29.6.1
-    jest-haste-map: ^29.6.1
-    jest-leak-detector: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-resolve: ^29.6.1
-    jest-runtime: ^29.6.1
-    jest-util: ^29.6.1
-    jest-watcher: ^29.6.1
-    jest-worker: ^29.6.1
+    jest-docblock: ^29.7.0
+    jest-environment-node: ^29.7.0
+    jest-haste-map: ^29.7.0
+    jest-leak-detector: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-resolve: ^29.7.0
+    jest-runtime: ^29.7.0
+    jest-util: ^29.7.0
+    jest-watcher: ^29.7.0
+    jest-worker: ^29.7.0
     p-limit: ^3.1.0
     source-map-support: 0.5.13
-  checksum: 0e4dbda26669ae31fee32f8a62b3119bba510f2d17a098d6157b48a73ed2fc9842405bf893f3045c12b3632c7c0e3399fb22684b18ab5566aff4905b26c79a9a
+  checksum: f0405778ea64812bf9b5c50b598850d94ccf95d7ba21f090c64827b41decd680ee19fcbb494007cdd7f5d0d8906bfc9eceddd8fa583e753e736ecd462d4682fb
   languageName: node
   linkType: hard
 
-"jest-runtime@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-runtime@npm:29.6.1"
-  dependencies:
-    "@jest/environment": ^29.6.1
-    "@jest/fake-timers": ^29.6.1
-    "@jest/globals": ^29.6.1
-    "@jest/source-map": ^29.6.0
-    "@jest/test-result": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
+"jest-runtime@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-runtime@npm:29.7.0"
+  dependencies:
+    "@jest/environment": ^29.7.0
+    "@jest/fake-timers": ^29.7.0
+    "@jest/globals": ^29.7.0
+    "@jest/source-map": ^29.6.3
+    "@jest/test-result": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     chalk: ^4.0.0
     cjs-module-lexer: ^1.0.0
     collect-v8-coverage: ^1.0.0
     glob: ^7.1.3
     graceful-fs: ^4.2.9
-    jest-haste-map: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-mock: ^29.6.1
-    jest-regex-util: ^29.4.3
-    jest-resolve: ^29.6.1
-    jest-snapshot: ^29.6.1
-    jest-util: ^29.6.1
+    jest-haste-map: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-mock: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-resolve: ^29.7.0
+    jest-snapshot: ^29.7.0
+    jest-util: ^29.7.0
     slash: ^3.0.0
     strip-bom: ^4.0.0
-  checksum: 7c360c9694467d996f3d6d914fefa0e7bda554adda8c2b9fba31546dba663d71a64eda103ff68120a2422f3c16db8f0bc2c445923fe8fb934f37e53ef74fb429
+  checksum: d19f113d013e80691e07047f68e1e3448ef024ff2c6b586ce4f90cd7d4c62a2cd1d460110491019719f3c59bfebe16f0e201ed005ef9f80e2cf798c374eed54e
   languageName: node
   linkType: hard
 
@@ -15543,32 +15732,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-snapshot@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-snapshot@npm:29.6.1"
+"jest-snapshot@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-snapshot@npm:29.7.0"
   dependencies:
     "@babel/core": ^7.11.6
     "@babel/generator": ^7.7.2
     "@babel/plugin-syntax-jsx": ^7.7.2
     "@babel/plugin-syntax-typescript": ^7.7.2
     "@babel/types": ^7.3.3
-    "@jest/expect-utils": ^29.6.1
-    "@jest/transform": ^29.6.1
-    "@jest/types": ^29.6.1
-    "@types/prettier": ^2.1.5
+    "@jest/expect-utils": ^29.7.0
+    "@jest/transform": ^29.7.0
+    "@jest/types": ^29.6.3
     babel-preset-current-node-syntax: ^1.0.0
     chalk: ^4.0.0
-    expect: ^29.6.1
+    expect: ^29.7.0
     graceful-fs: ^4.2.9
-    jest-diff: ^29.6.1
-    jest-get-type: ^29.4.3
-    jest-matcher-utils: ^29.6.1
-    jest-message-util: ^29.6.1
-    jest-util: ^29.6.1
+    jest-diff: ^29.7.0
+    jest-get-type: ^29.6.3
+    jest-matcher-utils: ^29.7.0
+    jest-message-util: ^29.7.0
+    jest-util: ^29.7.0
     natural-compare: ^1.4.0
-    pretty-format: ^29.6.1
+    pretty-format: ^29.7.0
     semver: ^7.5.3
-  checksum: e8f69d1fd4a29d354d4dca9eb2a22674b300f8ef509e4f1e75337c880414a00d2bdc9d3849a6855dbb5a76bfbe74603f33435378a3877e69f0838e4cc2244350
+  checksum: 86821c3ad0b6899521ce75ee1ae7b01b17e6dfeff9166f2cf17f012e0c5d8c798f30f9e4f8f7f5bed01ea7b55a6bc159f5eda778311162cbfa48785447c237ad
   languageName: node
   linkType: hard
 
@@ -15653,7 +15841,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^29.2.1":
+"jest-validate@npm:^29.2.1, jest-validate@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-validate@npm:29.7.0"
   dependencies:
@@ -15667,33 +15855,47 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-validate@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-validate@npm:29.6.1"
+"jest-watch-select-projects@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "jest-watch-select-projects@npm:2.0.0"
   dependencies:
-    "@jest/types": ^29.6.1
-    camelcase: ^6.2.0
+    ansi-escapes: ^4.3.0
+    chalk: ^3.0.0
+    prompts: ^2.2.1
+  checksum: 67b7a08d8e7b5ecfba67d86f02be29e4917c4416c9f169246f10cc40792b1c5fa38fcfeb25195643db080ace1f4fdf2f827bd244e7cdff7512d1ddfbc94270f0
+  languageName: node
+  linkType: hard
+
+"jest-watch-typeahead@npm:2.2.1":
+  version: 2.2.1
+  resolution: "jest-watch-typeahead@npm:2.2.1"
+  dependencies:
+    ansi-escapes: ^6.0.0
     chalk: ^4.0.0
-    jest-get-type: ^29.4.3
-    leven: ^3.1.0
-    pretty-format: ^29.6.1
-  checksum: d2491f3f33d9bbc2dcaaa6acbff26f257b59c5eeceb65a52a9c1cec2f679b836ec2a4658b7004c0ef9d90cd0d9bd664e41d5ed6900f932bea742dd8e6b85e7f1
+    jest-regex-util: ^29.0.0
+    jest-watcher: ^29.0.0
+    slash: ^5.0.0
+    string-length: ^5.0.1
+    strip-ansi: ^7.0.1
+  peerDependencies:
+    jest: ^27.0.0 || ^28.0.0 || ^29.0.0
+  checksum: 5ba8068209da273187065b8900495ca9d0fce13b090d2e0193e1b862f7e920ca808f8a0c4c2ea504e1646d38519083276fbb304dba728e16b9126c0734f8f8ee
   languageName: node
   linkType: hard
 
-"jest-watcher@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-watcher@npm:29.6.1"
+"jest-watcher@npm:^29.0.0, jest-watcher@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-watcher@npm:29.7.0"
   dependencies:
-    "@jest/test-result": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/test-result": ^29.7.0
+    "@jest/types": ^29.6.3
     "@types/node": "*"
     ansi-escapes: ^4.2.1
     chalk: ^4.0.0
     emittery: ^0.13.1
-    jest-util: ^29.6.1
+    jest-util: ^29.7.0
     string-length: ^4.0.1
-  checksum: 69bd5a602284fdce6eba5486c5c57aca6b511d91cb0907c34c104d6dd931e18ce67baa7f8e280fa473e5d81ea3e7b9e7d94f712c37ab0b3b8cc2aec30676955d
+  checksum: 67e6e7fe695416deff96b93a14a561a6db69389a0667e9489f24485bb85e5b54e12f3b2ba511ec0b777eca1e727235b073e3ebcdd473d68888650489f88df92f
   languageName: node
   linkType: hard
 
@@ -15719,18 +15921,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest-worker@npm:29.6.1"
-  dependencies:
-    "@types/node": "*"
-    jest-util: ^29.6.1
-    merge-stream: ^2.0.0
-    supports-color: ^8.0.0
-  checksum: 0af309ea4db17c4c47e84a9246f907960a15577683c005fdeafc8f3c06bc455136f95a6f28fa2a3e924b767eb4dacd9b40915a7707305f88586f099af3ac27a8
-  languageName: node
-  linkType: hard
-
 "jest-worker@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-worker@npm:29.7.0"
@@ -15744,13 +15934,13 @@ __metadata:
   linkType: hard
 
 "jest@npm:^29.6.1":
-  version: 29.6.1
-  resolution: "jest@npm:29.6.1"
+  version: 29.7.0
+  resolution: "jest@npm:29.7.0"
   dependencies:
-    "@jest/core": ^29.6.1
-    "@jest/types": ^29.6.1
+    "@jest/core": ^29.7.0
+    "@jest/types": ^29.6.3
     import-local: ^3.0.2
-    jest-cli: ^29.6.1
+    jest-cli: ^29.7.0
   peerDependencies:
     node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
   peerDependenciesMeta:
@@ -15758,7 +15948,7 @@ __metadata:
       optional: true
   bin:
     jest: bin/jest.js
-  checksum: 7b8c0ca72f483e00ec19dcf9549f9a9af8ae468ab62925b148d714b58eb52d5fea9a082625193bc833d2d9b64cf65a11f3d37857636c5551af05c10aec4ce71b
+  checksum: 17ca8d67504a7dbb1998cf3c3077ec9031ba3eb512da8d71cb91bcabb2b8995c4e4b292b740cb9bf1cbff5ce3e110b3f7c777b0cefb6f41ab05445f248d0ee0b
   languageName: node
   linkType: hard
 
@@ -15893,6 +16083,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsdom@npm:^20.0.0":
+  version: 20.0.3
+  resolution: "jsdom@npm:20.0.3"
+  dependencies:
+    abab: ^2.0.6
+    acorn: ^8.8.1
+    acorn-globals: ^7.0.0
+    cssom: ^0.5.0
+    cssstyle: ^2.3.0
+    data-urls: ^3.0.2
+    decimal.js: ^10.4.2
+    domexception: ^4.0.0
+    escodegen: ^2.0.0
+    form-data: ^4.0.0
+    html-encoding-sniffer: ^3.0.0
+    http-proxy-agent: ^5.0.0
+    https-proxy-agent: ^5.0.1
+    is-potential-custom-element-name: ^1.0.1
+    nwsapi: ^2.2.2
+    parse5: ^7.1.1
+    saxes: ^6.0.0
+    symbol-tree: ^3.2.4
+    tough-cookie: ^4.1.2
+    w3c-xmlserializer: ^4.0.0
+    webidl-conversions: ^7.0.0
+    whatwg-encoding: ^2.0.0
+    whatwg-mimetype: ^3.0.0
+    whatwg-url: ^11.0.0
+    ws: ^8.11.0
+    xml-name-validator: ^4.0.0
+  peerDependencies:
+    canvas: ^2.5.0
+  peerDependenciesMeta:
+    canvas:
+      optional: true
+  checksum: 6e2ae21db397133a061b270c26d2dbc0b9051733ea3b896a7ece78d79f475ff0974f766a413c1198a79c793159119169f2335ddb23150348fbfdcfa6f3105536
+  languageName: node
+  linkType: hard
+
 "jsesc@npm:^2.5.1":
   version: 2.5.2
   resolution: "jsesc@npm:2.5.2"
@@ -17932,6 +18161,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nwsapi@npm:^2.2.2":
+  version: 2.2.7
+  resolution: "nwsapi@npm:2.2.7"
+  checksum: cab25f7983acec7e23490fec3ef7be608041b460504229770e3bfcf9977c41d6fe58f518994d3bd9aa3a101f501089a3d4a63536f4ff8ae4b8c4ca23bdbfda4e
+  languageName: node
+  linkType: hard
+
 "ob1@npm:0.76.8":
   version: 0.76.8
   resolution: "ob1@npm:0.76.8"
@@ -18477,6 +18713,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse5@npm:^7.0.0, parse5@npm:^7.1.1":
+  version: 7.1.2
+  resolution: "parse5@npm:7.1.2"
+  dependencies:
+    entities: ^4.4.0
+  checksum: 59465dd05eb4c5ec87b76173d1c596e152a10e290b7abcda1aecf0f33be49646ea74840c69af975d7887543ea45564801736356c568d6b5e71792fd0f4055713
+  languageName: node
+  linkType: hard
+
 "parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
   version: 1.3.3
   resolution: "parseurl@npm:1.3.3"
@@ -19448,7 +19693,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prompts@npm:^2.0.1, prompts@npm:^2.3.2, prompts@npm:^2.4.0":
+"prompts@npm:^2.0.1, prompts@npm:^2.2.1, prompts@npm:^2.3.2, prompts@npm:^2.4.0":
   version: 2.4.2
   resolution: "prompts@npm:2.4.2"
   dependencies:
@@ -19495,6 +19740,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"psl@npm:^1.1.33":
+  version: 1.9.0
+  resolution: "psl@npm:1.9.0"
+  checksum: 20c4277f640c93d393130673f392618e9a8044c6c7bf61c53917a0fddb4952790f5f362c6c730a9c32b124813e173733f9895add8d26f566ed0ea0654b2e711d
+  languageName: node
+  linkType: hard
+
 "public-encrypt@npm:^4.0.0":
   version: 4.0.3
   resolution: "public-encrypt@npm:4.0.3"
@@ -19554,6 +19806,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"punycode@npm:^2.1.1":
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: bb0a0ceedca4c3c57a9b981b90601579058903c62be23c5e8e843d2c2d4148a3ecf029d5133486fb0e1822b098ba8bba09e89d6b21742d02fa26bda6441a6fb2
+  languageName: node
+  linkType: hard
+
 "pure-rand@npm:^6.0.0":
   version: 6.0.2
   resolution: "pure-rand@npm:6.0.2"
@@ -20067,7 +20326,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-test-renderer@npm:^18.2.0":
+"react-test-renderer@npm:18.2.0, react-test-renderer@npm:^18.2.0":
   version: 18.2.0
   resolution: "react-test-renderer@npm:18.2.0"
   dependencies:
@@ -20872,6 +21131,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"saxes@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "saxes@npm:6.0.0"
+  dependencies:
+    xmlchars: ^2.2.0
+  checksum: d3fa3e2aaf6c65ed52ee993aff1891fc47d5e47d515164b5449cbf5da2cbdc396137e55590472e64c5c436c14ae64a8a03c29b9e7389fc6f14035cf4e982ef3b
+  languageName: node
+  linkType: hard
+
 "scheduler@npm:0.24.0-canary-efb381bbf-20230505":
   version: 0.24.0-canary-efb381bbf-20230505
   resolution: "scheduler@npm:0.24.0-canary-efb381bbf-20230505"
@@ -21308,6 +21576,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slash@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "slash@npm:5.1.0"
+  checksum: 70434b34c50eb21b741d37d455110258c42d2cf18c01e6518aeb7299f3c6e626330c889c0c552b5ca2ef54a8f5a74213ab48895f0640717cacefeef6830a1ba4
+  languageName: node
+  linkType: hard
+
 "slice-ansi@npm:^2.0.0":
   version: 2.1.0
   resolution: "slice-ansi@npm:2.1.0"
@@ -21788,6 +22063,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-length@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "string-length@npm:5.0.1"
+  dependencies:
+    char-regex: ^2.0.0
+    strip-ansi: ^7.0.1
+  checksum: 71f73b8c8a743e01dcd001bcf1b197db78d5e5e53b12bd898cddaf0961be09f947dfd8c429783db3694b55b05cb5a51de6406c5085ff1aaa10c4771440c8396d
+  languageName: node
+  linkType: hard
+
 "string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.0.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.2, string-width@npm:^4.2.3":
   version: 4.2.3
   resolution: "string-width@npm:4.2.3"
@@ -22243,6 +22528,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"symbol-tree@npm:^3.2.4":
+  version: 3.2.4
+  resolution: "symbol-tree@npm:3.2.4"
+  checksum: 6e8fc7e1486b8b54bea91199d9535bb72f10842e40c79e882fc94fb7b14b89866adf2fd79efa5ebb5b658bc07fb459ccce5ac0e99ef3d72f474e74aaf284029d
+  languageName: node
+  linkType: hard
+
 "symbol.prototype.description@npm:^1.0.0":
   version: 1.0.5
   resolution: "symbol.prototype.description@npm:1.0.5"
@@ -22640,6 +22932,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tough-cookie@npm:^4.1.2":
+  version: 4.1.3
+  resolution: "tough-cookie@npm:4.1.3"
+  dependencies:
+    psl: ^1.1.33
+    punycode: ^2.1.1
+    universalify: ^0.2.0
+    url-parse: ^1.5.3
+  checksum: c9226afff36492a52118432611af083d1d8493a53ff41ec4ea48e5b583aec744b989e4280bcf476c910ec1525a89a4a0f1cae81c08b18fb2ec3a9b3a72b91dcc
+  languageName: node
+  linkType: hard
+
+"tr46@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "tr46@npm:3.0.0"
+  dependencies:
+    punycode: ^2.1.1
+  checksum: 44c3cc6767fb800490e6e9fd64fd49041aa4e49e1f6a012b34a75de739cc9ed3a6405296072c1df8b6389ae139c5e7c6496f659cfe13a04a4bff3a1422981270
+  languageName: node
+  linkType: hard
+
 "tr46@npm:~0.0.3":
   version: 0.0.3
   resolution: "tr46@npm:0.0.3"
@@ -22850,6 +23163,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:^3.0.0":
+  version: 3.13.1
+  resolution: "type-fest@npm:3.13.1"
+  checksum: c06b0901d54391dc46de3802375f5579868949d71f93b425ce564e19a428a0d411ae8d8cb0e300d330071d86152c3ea86e744c3f2860a42a79585b6ec2fdae8e
+  languageName: node
+  linkType: hard
+
 "type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
@@ -23194,6 +23514,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"universalify@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "universalify@npm:0.2.0"
+  checksum: e86134cb12919d177c2353196a4cc09981524ee87abf621f7bc8d249dbbbebaec5e7d1314b96061497981350df786e4c5128dbf442eba104d6e765bc260678b5
+  languageName: node
+  linkType: hard
+
 "universalify@npm:^1.0.0":
   version: 1.0.0
   resolution: "universalify@npm:1.0.0"
@@ -23323,7 +23650,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"url-parse@npm:^1.5.9":
+"url-parse@npm:^1.5.3, url-parse@npm:^1.5.9":
   version: 1.5.10
   resolution: "url-parse@npm:1.5.10"
   dependencies:
@@ -23592,6 +23919,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"w3c-xmlserializer@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "w3c-xmlserializer@npm:4.0.0"
+  dependencies:
+    xml-name-validator: ^4.0.0
+  checksum: eba070e78deb408ae8defa4d36b429f084b2b47a4741c4a9be3f27a0a3d1845e277e3072b04391a138f7e43776842627d1334e448ff13ff90ad9fb1214ee7091
+  languageName: node
+  linkType: hard
+
 "walker@npm:^1.0.7, walker@npm:^1.0.8, walker@npm:~1.0.5":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
@@ -23676,6 +24012,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webidl-conversions@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "webidl-conversions@npm:7.0.0"
+  checksum: f05588567a2a76428515333eff87200fae6c83c3948a7482ebb109562971e77ef6dc49749afa58abb993391227c5697b3ecca52018793e0cb4620a48f10bd21b
+  languageName: node
+  linkType: hard
+
 "webpack-dev-middleware@npm:^3.7.3":
   version: 3.7.3
   resolution: "webpack-dev-middleware@npm:3.7.3"
@@ -23947,6 +24290,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"whatwg-encoding@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "whatwg-encoding@npm:2.0.0"
+  dependencies:
+    iconv-lite: 0.6.3
+  checksum: 7087810c410aa9b689cbd6af8773341a53cdc1f3aae2a882c163bd5522ec8ca4cdfc269aef417a5792f411807d5d77d50df4c24e3abb00bb60192858a40cc675
+  languageName: node
+  linkType: hard
+
 "whatwg-fetch@npm:^3.0.0":
   version: 3.6.18
   resolution: "whatwg-fetch@npm:3.6.18"
@@ -23954,6 +24306,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"whatwg-mimetype@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "whatwg-mimetype@npm:3.0.0"
+  checksum: ce08bbb36b6aaf64f3a84da89707e3e6a31e5ab1c1a2379fd68df79ba712a4ab090904f0b50e6693b0dafc8e6343a6157e40bf18fdffd26e513cf95ee2a59824
+  languageName: node
+  linkType: hard
+
+"whatwg-url@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "whatwg-url@npm:11.0.0"
+  dependencies:
+    tr46: ^3.0.0
+    webidl-conversions: ^7.0.0
+  checksum: ed4826aaa57e66bb3488a4b25c9cd476c46ba96052747388b5801f137dd740b73fde91ad207d96baf9f17fbcc80fc1a477ad65181b5eb5fa718d27c69501d7af
+  languageName: node
+  linkType: hard
+
 "whatwg-url@npm:^5.0.0":
   version: 5.0.0
   resolution: "whatwg-url@npm:5.0.0"
@@ -24173,6 +24542,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ws@npm:^8.11.0":
+  version: 8.15.0
+  resolution: "ws@npm:8.15.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: ca15c590aa49bc0197223b8ab7d15e7362ae6c4011d91ed0e5cd5867cdd5497fd71470ea36314833b4b078929fe64dc4ba7748b1e58e50a0f8e41f147db2b464
+  languageName: node
+  linkType: hard
+
 "ws@npm:^8.12.1, ws@npm:^8.13.0, ws@npm:^8.2.3":
   version: 8.13.0
   resolution: "ws@npm:8.13.0"
@@ -24212,6 +24596,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"xml-name-validator@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "xml-name-validator@npm:4.0.0"
+  checksum: af100b79c29804f05fa35aa3683e29a321db9b9685d5e5febda3fa1e40f13f85abc40f45a6b2bf7bee33f68a1dc5e8eaef4cec100a304a9db565e6061d4cb5ad
+  languageName: node
+  linkType: hard
+
 "xml2js@npm:0.6.0":
   version: 0.6.0
   resolution: "xml2js@npm:0.6.0"
@@ -24243,6 +24634,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"xmlchars@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "xmlchars@npm:2.2.0"
+  checksum: 8c70ac94070ccca03f47a81fcce3b271bd1f37a591bf5424e787ae313fcb9c212f5f6786e1fa82076a2c632c0141552babcd85698c437506dfa6ae2d58723062
+  languageName: node
+  linkType: hard
+
 "xtend@npm:^4.0.0, xtend@npm:^4.0.1, xtend@npm:~4.0.1":
   version: 4.0.2
   resolution: "xtend@npm:4.0.2"

From efb0db9e3fe7518f7b55fd3d3fbe8b5f022ab67b Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 10:25:07 -0800
Subject: [PATCH 02/13] Add Button dark mode tests

---
 .../src/components/Button/Button.test.tsx     | 356 +++++++++++++++---
 1 file changed, 299 insertions(+), 57 deletions(-)

diff --git a/packages/components/src/components/Button/Button.test.tsx b/packages/components/src/components/Button/Button.test.tsx
index 30ddec0e..50cc0155 100644
--- a/packages/components/src/components/Button/Button.test.tsx
+++ b/packages/components/src/components/Button/Button.test.tsx
@@ -8,10 +8,18 @@ import * as DesignTokens from '@department-of-veterans-affairs/mobile-tokens'
 
 import { Button, ButtonVariants } from './Button'
 
+const onPressSpy = jest.fn()
+const mockedColorScheme = jest.fn()
+
+jest.mock('react-native/Libraries/Utilities/useColorScheme', () => {
+  return {
+    default: mockedColorScheme,
+  }
+})
+
 describe('Button', () => {
   let component: RenderAPI
   const label = 'Button text'
-  const onPressSpy = jest.fn()
 
   describe('Primary variant and basic tests', () => {
     beforeEach(() => {
@@ -32,10 +40,9 @@ describe('Button', () => {
     })
 
     it('should render Primary variant by default', async () => {
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorBlueVivid60,
@@ -44,15 +51,14 @@ describe('Button', () => {
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
 
-    it('should render Primary variant in pressed state', async () => {
+    it('should render Primary variant pressed state', async () => {
       component = render(
         <Button label={label} onPress={onPressSpy} testOnlyPressed={true} />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorBlueWarmVivid80,
@@ -60,6 +66,36 @@ describe('Button', () => {
       expect(borderWidth).toEqual(0)
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+      it('should render Primary variant in dark mode', async () => {
+        component = render(<Button label={label} onPress={onPressSpy} />)
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(
+          DesignTokens.colorUswdsSystemColorBlueVivid30,
+        )
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+
+      it('should render Primary variant pressed state in dark mode', async () => {
+        component = render(
+          <Button label={label} onPress={onPressSpy} testOnlyPressed={true} />,
+        )
+
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(DesignTokens.colorPrimaryAltLightest)
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+    })
   })
 
   describe('Base Variant', () => {
@@ -72,17 +108,15 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
       expect(backgroundColor).toEqual(DesignTokens.colorGrayMedium)
       expect(borderWidth).toEqual(0)
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
 
-    it('should render Base variant in pressed state', async () => {
+    it('should render Base variant pressed state', async () => {
       component = render(
         <Button
           label={label}
@@ -92,15 +126,56 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(DesignTokens.colorUswdsSystemColorGray80)
       expect(borderWidth).toEqual(0)
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+      it('should render Base variant in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Base}
+          />,
+        )
+
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+        expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+
+      it('should render Base variant pressed state and dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Base}
+            testOnlyPressed={true}
+          />,
+        )
+
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(
+          DesignTokens.colorUswdsSystemColorGray30,
+        )
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+    })
   })
 
   describe('Secondary Variant', () => {
@@ -113,10 +188,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth, borderColor } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth, borderColor } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid60)
@@ -124,7 +198,7 @@ describe('Button', () => {
       expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid60)
     })
 
-    it('should render Secondary variant in pressed state', async () => {
+    it('should render Secondary variant pressed state', async () => {
       component = render(
         <Button
           label={label}
@@ -134,10 +208,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(
@@ -146,6 +219,51 @@ describe('Button', () => {
       expect(borderWidth).toEqual(2)
       expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueWarmVivid80)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+      it('should render Secondary variant in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Secondary}
+          />,
+        )
+
+        const { backgroundColor, borderWidth, borderColor } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual('transparent')
+        expect(borderColor).toEqual(
+          DesignTokens.colorUswdsSystemColorBlueVivid30,
+        )
+        expect(borderWidth).toEqual(2)
+        expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid30)
+      })
+
+      it('should render Secondary variant pressed state in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Secondary}
+            testOnlyPressed={true}
+          />,
+        )
+
+        const { backgroundColor, borderColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual('transparent')
+        expect(borderColor).toEqual(DesignTokens.colorWhite)
+        expect(borderWidth).toEqual(2)
+        expect(color).toEqual(DesignTokens.colorWhite)
+      })
+    })
   })
 
   describe('Destructive Variant', () => {
@@ -158,11 +276,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-
-      const { backgroundColor, borderWidth, borderColor } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth, borderColor } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorRedVivid60,
@@ -172,7 +288,7 @@ describe('Button', () => {
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
 
-    it('should render Destructive variant in pressed state', async () => {
+    it('should render Destructive variant pressed state', async () => {
       component = render(
         <Button
           label={label}
@@ -182,10 +298,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorRedVivid80,
@@ -193,6 +308,50 @@ describe('Button', () => {
       expect(borderWidth).toEqual(0)
       expect(color).toEqual(DesignTokens.colorGrayLightest)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+      it('should render Destructive variant in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Destructive}
+          />,
+        )
+
+        const { backgroundColor, borderWidth, borderColor } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(
+          DesignTokens.colorUswdsSystemColorRedVivid40,
+        )
+        expect(borderColor).toEqual('none')
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+
+      it('should render Destructive variant pressed state in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.Destructive}
+            testOnlyPressed={true}
+          />,
+        )
+
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(DesignTokens.colorSecondaryLightest)
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+    })
   })
 
   describe('White Variant', () => {
@@ -205,10 +364,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth, borderColor } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth, borderColor } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
       expect(borderColor).toEqual('none')
@@ -216,7 +374,7 @@ describe('Button', () => {
       expect(color).toEqual(DesignTokens.colorBlack)
     })
 
-    it('should render White variant in pressed state', async () => {
+    it('should render White variant pressed state', async () => {
       component = render(
         <Button
           label={label}
@@ -226,15 +384,58 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual(DesignTokens.colorUswdsSystemColorGray30)
       expect(borderWidth).toEqual(0)
       expect(color).toEqual(DesignTokens.colorBlack)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+      it('should render White variant in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.White}
+          />,
+        )
+
+        const { backgroundColor, borderWidth, borderColor } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
+        expect(borderColor).toEqual('none')
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+
+      it('should render White variant pressed state in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.White}
+            testOnlyPressed={true}
+          />,
+        )
+
+        const { backgroundColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual(
+          DesignTokens.colorUswdsSystemColorGray30,
+        )
+        expect(borderWidth).toEqual(0)
+        expect(color).toEqual(DesignTokens.colorBlack)
+      })
+    })
   })
 
   describe('BaseSecondary Variant', () => {
@@ -247,10 +448,9 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderWidth, borderColor } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderWidth, borderColor } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorGrayMedium)
@@ -258,7 +458,7 @@ describe('Button', () => {
       expect(color).toEqual(DesignTokens.colorGrayMedium)
     })
 
-    it('should render BaseSecondary variant in pressed state', async () => {
+    it('should render BaseSecondary variant pressed state', async () => {
       component = render(
         <Button
           label={label}
@@ -268,15 +468,57 @@ describe('Button', () => {
         />,
       )
 
-      const button = component.getByRole('button')
-      const text = component.getByText(label)
-      const { backgroundColor, borderColor, borderWidth } = button.props.style
-      const { color } = text.props.style
+      const { backgroundColor, borderColor, borderWidth } =
+        component.getByRole('button').props.style
+      const { color } = component.getByText(label).props.style
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorGray80)
       expect(borderWidth).toEqual(2)
       expect(color).toEqual(DesignTokens.colorUswdsSystemColorGray80)
     })
+
+    describe('Dark mode', () => {
+      beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
+      it('should render BaseSecondary variant in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.BaseSecondary}
+          />,
+        )
+
+        const { backgroundColor, borderWidth, borderColor } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual('transparent')
+        expect(borderColor).toEqual(DesignTokens.colorGrayLightest)
+        expect(borderWidth).toEqual(2)
+        expect(color).toEqual(DesignTokens.colorGrayLightest)
+      })
+
+      it('should render BaseSecondary variant pressed state in dark mode', async () => {
+        component = render(
+          <Button
+            label={label}
+            onPress={onPressSpy}
+            buttonType={ButtonVariants.BaseSecondary}
+            testOnlyPressed={true}
+          />,
+        )
+
+        const { backgroundColor, borderColor, borderWidth } =
+          component.getByRole('button').props.style
+        const { color } = component.getByText(label).props.style
+
+        expect(backgroundColor).toEqual('transparent')
+        expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorGray30)
+        expect(borderWidth).toEqual(2)
+        expect(color).toEqual(DesignTokens.colorUswdsSystemColorGray30)
+      })
+    })
   })
 })

From 4e33c33da16cc4ce276468ef9d7a0f7abae5d22b Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:46:11 -0800
Subject: [PATCH 03/13] Revert babel plugins. Add jest-runner to ignore
 transform

---
 packages/components/babel.config.js | 1 -
 packages/components/jest.config.js  | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/babel.config.js b/packages/components/babel.config.js
index e50ac3bc..69be7341 100644
--- a/packages/components/babel.config.js
+++ b/packages/components/babel.config.js
@@ -4,7 +4,6 @@ module.exports = function (api) {
     presets: ['babel-preset-expo', '@babel/preset-typescript'],
     plugins: [
       '@babel/plugin-transform-react-jsx',
-      ['@babel/plugin-transform-private-methods', { loose: true }],
       'react-native-reanimated/plugin',
       ['babel-plugin-react-docgen-typescript', { exclude: 'node_modules' }],
     ],
diff --git a/packages/components/jest.config.js b/packages/components/jest.config.js
index 1be80a4b..845c69a0 100644
--- a/packages/components/jest.config.js
+++ b/packages/components/jest.config.js
@@ -15,6 +15,7 @@ module.exports = {
     './jest/testSetup.ts',
   ],
   transformIgnorePatterns: [
-    '../../node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)',
+    '../../node_modules/(?!react-native|any-react-native-esm-package)',
+    'jest-runner',
   ],
 }

From 6b86dd3eda36c036ad79480bdc1cf368d8e931da Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:46:23 -0800
Subject: [PATCH 04/13] Add light/dark mode tests for SegmentedControl

---
 .../SegmentedControl.test.tsx                 | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
index 5257c0b7..75e6af2d 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
@@ -8,6 +8,7 @@ import {
 import React from 'react'
 // Note: test renderer must be required after react-native.
 import 'jest-styled-components'
+import * as DesignTokens from '@department-of-veterans-affairs/mobile-tokens'
 import { ReactTestInstance } from 'react-test-renderer'
 
 import { SegmentedControl } from './SegmentedControl'
@@ -17,13 +18,23 @@ describe('SegmentedControl', () => {
   let testInstance: ReactTestInstance
   let rerender: () => void
 
+  const mockedColorScheme = jest.fn()
+
+  jest.mock('react-native/Libraries/Utilities/useColorScheme', () => {
+    return {
+      default: mockedColorScheme,
+    }
+  })
+
   const labels = ['segment 0', 'segment 1']
+
   const onChangeSpy = jest.fn((selectTab) => {
     selectedTab = selectTab
   })
   let selectedTab = 0
 
   const initializeTestInstance = (): void => {
+    mockedColorScheme.mockImplementationOnce(() => 'light')
     component = render(
       <SegmentedControl
         labels={labels}
@@ -74,4 +85,32 @@ describe('SegmentedControl', () => {
       expect(testInstance.props.selected).toEqual(0)
     })
   })
+
+  it('should render correct styles in light mode', () => {
+    const activeSegment = component.getAllByRole('tab')[0]
+    const activeSegmentLabel = component.getByText(labels[0])
+    const activeBgColor = activeSegment.props.style[0].backgroundColor
+    const textColor = activeSegmentLabel.props.style.color
+    const inactiveSegment = component.getAllByRole('tab')[1]
+    const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
+
+    expect(activeBgColor).toEqual(DesignTokens.colorWhite)
+    expect(textColor).toEqual(DesignTokens.colorGrayDark)
+    expect(inactiveBgColor).toEqual(DesignTokens.colorGrayLighter)
+  })
+
+  it('should render correct styles in dark mode', () => {
+    mockedColorScheme.mockImplementationOnce(() => 'dark')
+    rerender()
+    const activeSegment = component.getAllByRole('tab')[0]
+    const activeSegmentLabel = component.getByText(labels[0])
+    const activeBgColor = activeSegment.props.style[0].backgroundColor
+    const textColor = activeSegmentLabel.props.style.color
+    const inactiveSegment = component.getAllByRole('tab')[1]
+    const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
+
+    expect(activeBgColor).toEqual(DesignTokens.colorGrayMedium)
+    expect(textColor).toEqual(DesignTokens.colorGrayLightest)
+    expect(inactiveBgColor).toEqual(DesignTokens.colorGrayDark)
+  })
 })

From 3d2cc628a1949369294f299ae4f7b2017615b9f9 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:50:07 -0800
Subject: [PATCH 05/13] Add inactive text color tests

---
 .../SegmentedControl/SegmentedControl.test.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
index 75e6af2d..26afddcc 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
@@ -88,14 +88,17 @@ describe('SegmentedControl', () => {
 
   it('should render correct styles in light mode', () => {
     const activeSegment = component.getAllByRole('tab')[0]
-    const activeSegmentLabel = component.getByText(labels[0])
+    const activeSegmentText = component.getByText(labels[0])
     const activeBgColor = activeSegment.props.style[0].backgroundColor
-    const textColor = activeSegmentLabel.props.style.color
+    const activeTextColor = activeSegmentText.props.style.color
     const inactiveSegment = component.getAllByRole('tab')[1]
+    const inactiveSegmentText = component.getByText(labels[1])
+    const inactiveTextColor = inactiveSegmentText.props.style.color
     const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
 
     expect(activeBgColor).toEqual(DesignTokens.colorWhite)
-    expect(textColor).toEqual(DesignTokens.colorGrayDark)
+    expect(activeTextColor).toEqual(DesignTokens.colorGrayDark)
+    expect(inactiveTextColor).toEqual(DesignTokens.colorGrayDark)
     expect(inactiveBgColor).toEqual(DesignTokens.colorGrayLighter)
   })
 
@@ -103,14 +106,17 @@ describe('SegmentedControl', () => {
     mockedColorScheme.mockImplementationOnce(() => 'dark')
     rerender()
     const activeSegment = component.getAllByRole('tab')[0]
-    const activeSegmentLabel = component.getByText(labels[0])
+    const activeSegmentText = component.getByText(labels[0])
     const activeBgColor = activeSegment.props.style[0].backgroundColor
-    const textColor = activeSegmentLabel.props.style.color
+    const activeTextColor = activeSegmentText.props.style.color
     const inactiveSegment = component.getAllByRole('tab')[1]
+    const inactiveSegmentText = component.getByText(labels[1])
+    const inactiveTextColor = inactiveSegmentText.props.style.color
     const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
 
     expect(activeBgColor).toEqual(DesignTokens.colorGrayMedium)
-    expect(textColor).toEqual(DesignTokens.colorGrayLightest)
+    expect(activeTextColor).toEqual(DesignTokens.colorGrayLightest)
+    expect(inactiveTextColor).toEqual(DesignTokens.colorGrayLightest)
     expect(inactiveBgColor).toEqual(DesignTokens.colorGrayDark)
   })
 })

From 9ba6bf63e762c5b6d255d06e44d703614474644f Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:51:33 -0800
Subject: [PATCH 06/13] Remove unneeded babel devDependency

---
 packages/components/package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/components/package.json b/packages/components/package.json
index 9f816a68..11d07b92 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -52,7 +52,6 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/plugin-transform-private-methods": "^7.23.3",
     "@babel/plugin-transform-react-jsx": "^7.22.15",
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",

From 45176b7580012a6eaba04250354b16b9569d2b3a Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:55:03 -0800
Subject: [PATCH 07/13] Revert transformIgnorePatterns

---
 packages/components/jest.config.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/components/jest.config.js b/packages/components/jest.config.js
index 845c69a0..b49a3948 100644
--- a/packages/components/jest.config.js
+++ b/packages/components/jest.config.js
@@ -14,8 +14,5 @@ module.exports = {
     '../../node_modules/react-native-gesture-handler/jestSetup.js',
     './jest/testSetup.ts',
   ],
-  transformIgnorePatterns: [
-    '../../node_modules/(?!react-native|any-react-native-esm-package)',
-    'jest-runner',
-  ],
+  transformIgnorePatterns: ['jest-runner', '/node_modules/(?!native-base)/'],
 }

From 377aa77d8c3127a2be22255d0c07ee2b9e0a5e2c Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 11:56:44 -0800
Subject: [PATCH 08/13] Update yarn.lock

---
 yarn.lock | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 0691149a..918828c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1950,18 +1950,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.23.3":
-  version: 7.23.3
-  resolution: "@babel/plugin-transform-private-methods@npm:7.23.3"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.22.15
-    "@babel/helper-plugin-utils": ^7.22.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: cedc1285c49b5a6d9a3d0e5e413b756ac40b3ac2f8f68bdfc3ae268bc8d27b00abd8bb0861c72756ff5dd8bf1eb77211b7feb5baf4fdae2ebbaabe49b9adc1d0
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-transform-private-property-in-object@npm:^7.22.11":
   version: 7.22.11
   resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.11"
@@ -2727,7 +2715,6 @@ __metadata:
   dependencies:
     "@babel/core": ^7.20.0
     "@babel/plugin-proposal-export-namespace-from": ^7.18.9
-    "@babel/plugin-transform-private-methods": ^7.23.3
     "@babel/plugin-transform-react-jsx": ^7.22.15
     "@babel/preset-env": ^7.22.15
     "@babel/preset-typescript": ^7.22.15

From 31b761bf70274518a6344c02b207de70311e58b1 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 12:07:02 -0800
Subject: [PATCH 09/13] Test cleanup

---
 .../SegmentedControl.test.tsx                 | 58 ++++++++++---------
 1 file changed, 32 insertions(+), 26 deletions(-)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
index 26afddcc..21244f10 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
@@ -87,36 +87,42 @@ describe('SegmentedControl', () => {
   })
 
   it('should render correct styles in light mode', () => {
-    const activeSegment = component.getAllByRole('tab')[0]
-    const activeSegmentText = component.getByText(labels[0])
-    const activeBgColor = activeSegment.props.style[0].backgroundColor
-    const activeTextColor = activeSegmentText.props.style.color
-    const inactiveSegment = component.getAllByRole('tab')[1]
-    const inactiveSegmentText = component.getByText(labels[1])
-    const inactiveTextColor = inactiveSegmentText.props.style.color
-    const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
-
-    expect(activeBgColor).toEqual(DesignTokens.colorWhite)
-    expect(activeTextColor).toEqual(DesignTokens.colorGrayDark)
-    expect(inactiveTextColor).toEqual(DesignTokens.colorGrayDark)
-    expect(inactiveBgColor).toEqual(DesignTokens.colorGrayLighter)
+    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style
+    const activeSegmentTextStyle = component.getByText(labels[0]).props.style
+    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style
+    const inactiveSegmentTextStyle = component.getByText(labels[1]).props.style
+
+    expect(activeSegmentStyle.elevation).toEqual(4)
+    expect(activeSegmentStyle.backgroundColor).toEqual(DesignTokens.colorWhite)
+    expect(activeSegmentTextStyle.color).toEqual(DesignTokens.colorGrayDark)
+
+    expect(inactiveSegmentStyle.backgroundColor).toEqual(
+      DesignTokens.colorGrayLighter,
+    )
+    expect(inactiveSegmentStyle.elevation).toEqual(0)
+    expect(inactiveSegmentTextStyle.color).toEqual(DesignTokens.colorGrayDark)
   })
 
   it('should render correct styles in dark mode', () => {
     mockedColorScheme.mockImplementationOnce(() => 'dark')
     rerender()
-    const activeSegment = component.getAllByRole('tab')[0]
-    const activeSegmentText = component.getByText(labels[0])
-    const activeBgColor = activeSegment.props.style[0].backgroundColor
-    const activeTextColor = activeSegmentText.props.style.color
-    const inactiveSegment = component.getAllByRole('tab')[1]
-    const inactiveSegmentText = component.getByText(labels[1])
-    const inactiveTextColor = inactiveSegmentText.props.style.color
-    const inactiveBgColor = inactiveSegment.props.style[0].backgroundColor
-
-    expect(activeBgColor).toEqual(DesignTokens.colorGrayMedium)
-    expect(activeTextColor).toEqual(DesignTokens.colorGrayLightest)
-    expect(inactiveTextColor).toEqual(DesignTokens.colorGrayLightest)
-    expect(inactiveBgColor).toEqual(DesignTokens.colorGrayDark)
+    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style
+    const activeSegmentTextStyle = component.getByText(labels[0]).props.style
+    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style
+    const inactiveSegmentTextStyle = component.getByText(labels[1]).props.style
+
+    expect(activeSegmentStyle.elevation).toEqual(4)
+    expect(activeSegmentStyle.backgroundColor).toEqual(
+      DesignTokens.colorGrayMedium,
+    )
+    expect(activeSegmentTextStyle.color).toEqual(DesignTokens.colorGrayLightest)
+
+    expect(inactiveSegmentStyle.backgroundColor).toEqual(
+      DesignTokens.colorGrayDark,
+    )
+    expect(inactiveSegmentStyle.elevation).toEqual(0)
+    expect(inactiveSegmentTextStyle.color).toEqual(
+      DesignTokens.colorGrayLightest,
+    )
   })
 })

From 9d4ff9994cbe676aefba8386617c1e2143996431 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Tue, 12 Dec 2023 12:14:36 -0800
Subject: [PATCH 10/13] Fix style declaration for segments

---
 .../SegmentedControl/SegmentedControl.test.tsx           | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
index 21244f10..f1808f18 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
@@ -87,11 +87,12 @@ describe('SegmentedControl', () => {
   })
 
   it('should render correct styles in light mode', () => {
-    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style
+    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style[0]
     const activeSegmentTextStyle = component.getByText(labels[0]).props.style
-    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style
+    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style[0]
     const inactiveSegmentTextStyle = component.getByText(labels[1]).props.style
 
+    console.log(activeSegmentStyle)
     expect(activeSegmentStyle.elevation).toEqual(4)
     expect(activeSegmentStyle.backgroundColor).toEqual(DesignTokens.colorWhite)
     expect(activeSegmentTextStyle.color).toEqual(DesignTokens.colorGrayDark)
@@ -106,9 +107,9 @@ describe('SegmentedControl', () => {
   it('should render correct styles in dark mode', () => {
     mockedColorScheme.mockImplementationOnce(() => 'dark')
     rerender()
-    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style
+    const activeSegmentStyle = component.getAllByRole('tab')[0].props.style[0]
     const activeSegmentTextStyle = component.getByText(labels[0]).props.style
-    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style
+    const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style[0]
     const inactiveSegmentTextStyle = component.getByText(labels[1]).props.style
 
     expect(activeSegmentStyle.elevation).toEqual(4)

From f050598c82e0d9c41a4be35c4a559e78d13a64de Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Wed, 13 Dec 2023 11:10:31 -0800
Subject: [PATCH 11/13] Remove console log

---
 .../src/components/SegmentedControl/SegmentedControl.test.tsx    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
index f1808f18..d3b7fdda 100644
--- a/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
+++ b/packages/components/src/components/SegmentedControl/SegmentedControl.test.tsx
@@ -92,7 +92,6 @@ describe('SegmentedControl', () => {
     const inactiveSegmentStyle = component.getAllByRole('tab')[1].props.style[0]
     const inactiveSegmentTextStyle = component.getByText(labels[1]).props.style
 
-    console.log(activeSegmentStyle)
     expect(activeSegmentStyle.elevation).toEqual(4)
     expect(activeSegmentStyle.backgroundColor).toEqual(DesignTokens.colorWhite)
     expect(activeSegmentTextStyle.color).toEqual(DesignTokens.colorGrayDark)

From 3c5b60e332e1b170eb23f225733b0a1577d5f112 Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Fri, 15 Dec 2023 10:05:25 -0800
Subject: [PATCH 12/13] Add helper functions to get button and text styles.
 Replace consts with let for reusable colors vars.

---
 .../src/components/Button/Button.test.tsx     | 220 ++++++++++--------
 1 file changed, 124 insertions(+), 96 deletions(-)

diff --git a/packages/components/src/components/Button/Button.test.tsx b/packages/components/src/components/Button/Button.test.tsx
index 50cc0155..4dd4bc56 100644
--- a/packages/components/src/components/Button/Button.test.tsx
+++ b/packages/components/src/components/Button/Button.test.tsx
@@ -19,8 +19,18 @@ jest.mock('react-native/Libraries/Utilities/useColorScheme', () => {
 
 describe('Button', () => {
   let component: RenderAPI
+  let backgroundColor: string,
+    borderColor: string,
+    borderWidth: number,
+    textColor: string
+
   const label = 'Button text'
 
+  const getButtonStyle = (element: RenderAPI) =>
+    element.getByRole('button').props.style
+  const getTextColor = (element: RenderAPI) =>
+    element.getByText(label).props.style.color
+
   describe('Primary variant and basic tests', () => {
     beforeEach(() => {
       component = render(<Button label={label} onPress={onPressSpy} />)
@@ -40,15 +50,15 @@ describe('Button', () => {
     })
 
     it('should render Primary variant by default', async () => {
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorBlueVivid60,
       )
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     it('should render Primary variant pressed state', async () => {
@@ -56,30 +66,31 @@ describe('Button', () => {
         <Button label={label} onPress={onPressSpy} testOnlyPressed={true} />,
       )
 
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorBlueWarmVivid80,
       )
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     describe('Dark mode', () => {
       beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
       it('should render Primary variant in dark mode', async () => {
         component = render(<Button label={label} onPress={onPressSpy} />)
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(
           DesignTokens.colorUswdsSystemColorBlueVivid30,
         )
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
 
       it('should render Primary variant pressed state in dark mode', async () => {
@@ -87,13 +98,13 @@ describe('Button', () => {
           <Button label={label} onPress={onPressSpy} testOnlyPressed={true} />,
         )
 
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(DesignTokens.colorPrimaryAltLightest)
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
     })
   })
@@ -108,12 +119,13 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
+
       expect(backgroundColor).toEqual(DesignTokens.colorGrayMedium)
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     it('should render Base variant pressed state', async () => {
@@ -126,13 +138,13 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(DesignTokens.colorUswdsSystemColorGray80)
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     describe('Dark mode', () => {
@@ -147,12 +159,13 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
+
         expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
 
       it('should render Base variant pressed state and dark mode', async () => {
@@ -165,15 +178,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(
           DesignTokens.colorUswdsSystemColorGray30,
         )
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
     })
   })
@@ -188,14 +201,15 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth, borderColor } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid60)
       expect(borderWidth).toEqual(2)
-      expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid60)
+      expect(textColor).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid60)
     })
 
     it('should render Secondary variant pressed state', async () => {
@@ -208,16 +222,19 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(
         DesignTokens.colorUswdsSystemColorBlueWarmVivid80,
       )
       expect(borderWidth).toEqual(2)
-      expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueWarmVivid80)
+      expect(textColor).toEqual(
+        DesignTokens.colorUswdsSystemColorBlueWarmVivid80,
+      )
     })
 
     describe('Dark mode', () => {
@@ -232,16 +249,17 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth, borderColor } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual('transparent')
         expect(borderColor).toEqual(
           DesignTokens.colorUswdsSystemColorBlueVivid30,
         )
         expect(borderWidth).toEqual(2)
-        expect(color).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid30)
+        expect(textColor).toEqual(DesignTokens.colorUswdsSystemColorBlueVivid30)
       })
 
       it('should render Secondary variant pressed state in dark mode', async () => {
@@ -254,14 +272,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual('transparent')
         expect(borderColor).toEqual(DesignTokens.colorWhite)
         expect(borderWidth).toEqual(2)
-        expect(color).toEqual(DesignTokens.colorWhite)
+        expect(textColor).toEqual(DesignTokens.colorWhite)
       })
     })
   })
@@ -276,16 +295,17 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth, borderColor } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorRedVivid60,
       )
       expect(borderColor).toEqual('none')
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     it('should render Destructive variant pressed state', async () => {
@@ -298,15 +318,16 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(
         DesignTokens.colorUswdsSystemColorRedVivid80,
       )
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorGrayLightest)
+      expect(textColor).toEqual(DesignTokens.colorGrayLightest)
     })
 
     describe('Dark mode', () => {
@@ -321,16 +342,17 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth, borderColor } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(
           DesignTokens.colorUswdsSystemColorRedVivid40,
         )
         expect(borderColor).toEqual('none')
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
 
       it('should render Destructive variant pressed state in dark mode', async () => {
@@ -343,13 +365,13 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(DesignTokens.colorSecondaryLightest)
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
     })
   })
@@ -364,14 +386,15 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth, borderColor } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
       expect(borderColor).toEqual('none')
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorBlack)
+      expect(textColor).toEqual(DesignTokens.colorBlack)
     })
 
     it('should render White variant pressed state', async () => {
@@ -384,13 +407,13 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual(DesignTokens.colorUswdsSystemColorGray30)
       expect(borderWidth).toEqual(0)
-      expect(color).toEqual(DesignTokens.colorBlack)
+      expect(textColor).toEqual(DesignTokens.colorBlack)
     })
 
     describe('Dark mode', () => {
@@ -405,14 +428,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth, borderColor } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(DesignTokens.colorGrayLightest)
         expect(borderColor).toEqual('none')
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
 
       it('should render White variant pressed state in dark mode', async () => {
@@ -425,15 +449,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual(
           DesignTokens.colorUswdsSystemColorGray30,
         )
         expect(borderWidth).toEqual(0)
-        expect(color).toEqual(DesignTokens.colorBlack)
+        expect(textColor).toEqual(DesignTokens.colorBlack)
       })
     })
   })
@@ -448,14 +472,15 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderWidth, borderColor } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorGrayMedium)
       expect(borderWidth).toEqual(2)
-      expect(color).toEqual(DesignTokens.colorGrayMedium)
+      expect(textColor).toEqual(DesignTokens.colorGrayMedium)
     })
 
     it('should render BaseSecondary variant pressed state', async () => {
@@ -468,14 +493,15 @@ describe('Button', () => {
         />,
       )
 
-      const { backgroundColor, borderColor, borderWidth } =
-        component.getByRole('button').props.style
-      const { color } = component.getByText(label).props.style
+      backgroundColor = getButtonStyle(component).backgroundColor
+      borderColor = getButtonStyle(component).borderColor
+      borderWidth = getButtonStyle(component).borderWidth
+      textColor = getTextColor(component)
 
       expect(backgroundColor).toEqual('transparent')
       expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorGray80)
       expect(borderWidth).toEqual(2)
-      expect(color).toEqual(DesignTokens.colorUswdsSystemColorGray80)
+      expect(textColor).toEqual(DesignTokens.colorUswdsSystemColorGray80)
     })
 
     describe('Dark mode', () => {
@@ -490,14 +516,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderWidth, borderColor } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual('transparent')
         expect(borderColor).toEqual(DesignTokens.colorGrayLightest)
         expect(borderWidth).toEqual(2)
-        expect(color).toEqual(DesignTokens.colorGrayLightest)
+        expect(textColor).toEqual(DesignTokens.colorGrayLightest)
       })
 
       it('should render BaseSecondary variant pressed state in dark mode', async () => {
@@ -510,14 +537,15 @@ describe('Button', () => {
           />,
         )
 
-        const { backgroundColor, borderColor, borderWidth } =
-          component.getByRole('button').props.style
-        const { color } = component.getByText(label).props.style
+        backgroundColor = getButtonStyle(component).backgroundColor
+        borderColor = getButtonStyle(component).borderColor
+        borderWidth = getButtonStyle(component).borderWidth
+        textColor = getTextColor(component)
 
         expect(backgroundColor).toEqual('transparent')
         expect(borderColor).toEqual(DesignTokens.colorUswdsSystemColorGray30)
         expect(borderWidth).toEqual(2)
-        expect(color).toEqual(DesignTokens.colorUswdsSystemColorGray30)
+        expect(textColor).toEqual(DesignTokens.colorUswdsSystemColorGray30)
       })
     })
   })

From 92e3df851facaab956a97481a627dd8d604764cc Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Fri, 15 Dec 2023 10:09:33 -0800
Subject: [PATCH 13/13] Formatting fixes

---
 packages/components/src/components/Button/Button.test.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/components/src/components/Button/Button.test.tsx b/packages/components/src/components/Button/Button.test.tsx
index 4dd4bc56..51e15ef5 100644
--- a/packages/components/src/components/Button/Button.test.tsx
+++ b/packages/components/src/components/Button/Button.test.tsx
@@ -79,6 +79,7 @@ describe('Button', () => {
 
     describe('Dark mode', () => {
       beforeEach(() => mockedColorScheme.mockImplementationOnce(() => 'dark'))
+
       it('should render Primary variant in dark mode', async () => {
         component = render(<Button label={label} onPress={onPressSpy} />)