Skip to content

feat: Add comprehensive Sentry instrumentation and test analytics#27

Merged
sfanahata merged 1 commit intomainfrom
sentry-enhancements
Oct 6, 2025
Merged

feat: Add comprehensive Sentry instrumentation and test analytics#27
sfanahata merged 1 commit intomainfrom
sentry-enhancements

Conversation

@sfanahata
Copy link
Copy Markdown
Owner

  • Configure Sentry Test Analytics with GitHub Actions workflow
  • Add source maps configuration for better error tracking
  • Instrument API routes with Sentry spans (activities, dashboard, profile, meals)
  • Instrument client-side pages with performance tracking
  • Replace console logging with Sentry.captureException for proper error tracking
  • Add .sentryclirc configuration for Sentry CLI
  • Include comprehensive setup documentation
  • Configure build scripts for production source map uploads

- Configure Sentry Test Analytics with GitHub Actions workflow
- Add source maps configuration for better error tracking
- Instrument API routes with Sentry spans (activities, dashboard, profile, meals)
- Instrument client-side pages with performance tracking
- Replace console logging with Sentry.captureException for proper error tracking
- Add .sentryclirc configuration for Sentry CLI
- Include comprehensive setup documentation
- Configure build scripts for production source map uploads
@vercel
Copy link
Copy Markdown

vercel bot commented Oct 6, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
fitfest Ready Ready Preview Comment Oct 6, 2025 6:29pm

@sentry
Copy link
Copy Markdown

sentry bot commented Oct 6, 2025

❌ 48 Tests Failed:

Tests completed Failed Passed Skipped
178 48 130 0
View the top 3 failed test(s) by shortest run time
Sentry Test Analytics - Integration Tests should be flaky when testing concurrent operations
Stack Traces | 0s run time
TypeError: Cannot read properties of undefined (reading 'ok')
    at ok (.../src/tests/SentryTestAnalytics.test.tsx:328:57)
    at Array.filter (<anonymous>)
    at Object.filter (.../src/tests/SentryTestAnalytics.test.tsx:328:43)
should be flaky when testing concurrent operations
Stack Traces | 0s run time
TypeError: Cannot read properties of undefined (reading 'ok')
    at ok (.../src/tests/SentryTestAnalytics.test.tsx:328:57)
    at Array.filter (<anonymous>)
    at Object.filter (.../src/tests/SentryTestAnalytics.test.tsx:328:43)
Flaky Test Examples for Sentry Test Analytics should fail due to incorrect API endpoint
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/FlakyTestExample.test.tsx:26:25)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
Sentry Test Analytics - Failed Tests Intentionally Failing Tests should fail due to type mismatch
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: "42"
Received: 42
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:31:22)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Intentionally Failing Tests should fail when testing undefined behavior
Stack Traces | 0.001s run time
TypeError: Cannot read properties of null (reading 'someProperty')
    at Object.someProperty (.../src/tests/SentryTestAnalytics.test.tsx:37:18)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Network and API Failure Tests should fail when API response is malformed
Stack Traces | 0.001s run time
TypeError: Cannot read properties of undefined (reading 'targetCalories')
    at Object.targetCalories (.../src/tests/SentryTestAnalytics.test.tsx:67:27)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
Sentry Test Analytics - Integration Tests should fail when testing full user flow
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:309:30)
should fail due to incorrect API endpoint
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/FlakyTestExample.test.tsx:26:25)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
should fail due to type mismatch
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: "42"
Received: 42
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:31:22)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
should fail when API response is malformed
Stack Traces | 0.001s run time
TypeError: Cannot read properties of undefined (reading 'targetCalories')
    at Object.targetCalories (.../src/tests/SentryTestAnalytics.test.tsx:67:27)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
should fail when testing full user flow
Stack Traces | 0.001s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:309:30)
should fail when testing undefined behavior
Stack Traces | 0.001s run time
TypeError: Cannot read properties of null (reading 'someProperty')
    at Object.someProperty (.../src/tests/SentryTestAnalytics.test.tsx:37:18)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Intentionally Failing Tests should fail due to array length mismatch
Stack Traces | 0.002s run time
Error: expect(received).toHaveLength(expected)

Expected length: 5
Received length: 3
Received array:  [1, 2, 3]
    at Object.toHaveLength (.../src/tests/SentryTestAnalytics.test.tsx:42:21)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
should fail due to array length mismatch
Stack Traces | 0.002s run time
Error: expect(received).toHaveLength(expected)

Expected length: 5
Received length: 3
Received array:  [1, 2, 3]
    at Object.toHaveLength (.../src/tests/SentryTestAnalytics.test.tsx:42:21)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Network and API Failure Tests should fail when API returns error status
Stack Traces | 0.003s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:56:27)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
should fail when API returns error status
Stack Traces | 0.003s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:56:27)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
Sentry Test Analytics - Failed Tests Intentionally Failing Tests should fail due to incorrect assertion
Stack Traces | 0.006s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: 5
Received: 4
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:20:22)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
should fail due to incorrect assertion
Stack Traces | 0.006s run time
Error: expect(received).toBe(expected) // Object.is equality

Expected: 5
Received: 4
    at Object.toBe (.../src/tests/SentryTestAnalytics.test.tsx:20:22)
    at Promise.then.completed (.../jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../jest-circus/build/run.js:121:9)
    at run (.../jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Flaky Tests Environment-Dependent Flaky Tests should be flaky due to DOM state
Stack Traces | 0.008s run time
TestingLibraryElementError: Found multiple elements with the text: Test

Here are the matching elements:

Ignored nodes: comments, script, style
<div
  id="test-element"
>
  Test
</div>

Ignored nodes: comments, script, style
<button
  class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
>
  Test
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div
    id="test-element"
  >
    Test
  </div>
  <div>
    <button
      class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
    >
      Test
    </button>
  </div>
</body>
    at Object.getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:37:19)
    at getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:23:10)
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:55:13
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:95:19
    at Object.getByText (.../src/tests/SentryTestAnalytics.test.tsx:155:29)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should be flaky due to DOM state
Stack Traces | 0.008s run time
TestingLibraryElementError: Found multiple elements with the text: Test

Here are the matching elements:

Ignored nodes: comments, script, style
<div
  id="test-element"
>
  Test
</div>

Ignored nodes: comments, script, style
<button
  class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
>
  Test
</button>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div
    id="test-element"
  >
    Test
  </div>
  <div>
    <button
      class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
    >
      Test
    </button>
  </div>
</body>
    at Object.getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:37:19)
    at getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:20:35)
    at getMultipleElementsFoundError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:23:10)
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:55:13
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:95:19
    at Object.getByText (.../src/tests/SentryTestAnalytics.test.tsx:155:29)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Intentionally Failing Tests should fail when testing non-existent element
Stack Traces | 0.036s run time
TestingLibraryElementError: Unable to find an element with the text: Non-existent Button. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <button
      class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
    >
      Test Button
    </button>
  </div>
</body>
    at Object.getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:37:19)
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:76:38
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:52:17
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:95:19
    at Object.getByText (.../src/tests/SentryTestAnalytics.test.tsx:26:21)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should fail when testing non-existent element
Stack Traces | 0.036s run time
TestingLibraryElementError: Unable to find an element with the text: Non-existent Button. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <button
      class="bg-fitfest-deep text-white px-4 py-2 rounded hover:bg-fitfest-bright dark:bg-fitfest-bright dark:hover:bg-fitfest-deep transition-colors disabled:opacity-50 shadow-sm "
    >
      Test Button
    </button>
  </div>
</body>
    at Object.getElementError (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:37:19)
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:76:38
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:52:17
    at .../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/query-helpers.js:95:19
    at Object.getByText (.../src/tests/SentryTestAnalytics.test.tsx:26:21)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
MealLogForm Flaky Tests for Analytics Demo should validate numeric inputs correctly
Stack Traces | 1s run time
Error: Unable to find a label with the text of: Calories

Ignored nodes: comments, script, style
<body>
  <div />
</body>
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/MealLogForm.test.tsx:397:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
Sentry Test Analytics - Failed Tests Network and API Failure Tests should fail due to timeout
Stack Traces | 1s run time
Error: thrown: "Exceeded timeout of 1000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."
    at it (.../src/tests/SentryTestAnalytics.test.tsx:70:5)
    at _dispatchDescribe (.../jest-circus/build/index.js:91:26)
    at describe (.../jest-circus/build/index.js:55:5)
    at describe (.../src/tests/SentryTestAnalytics.test.tsx:46:3)
    at _dispatchDescribe (.../jest-circus/build/index.js:91:26)
    at describe (.../jest-circus/build/index.js:55:5)
    at Object.describe (.../src/tests/SentryTestAnalytics.test.tsx:15:1)
    at Runtime._execModule (.../jest-runtime/build/index.js:1439:24)
    at Runtime._loadModule (.../jest-runtime/build/index.js:1022:12)
    at Runtime.requireModule (.../jest-runtime/build/index.js:882:12)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:77:13)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
should fail due to timeout
Stack Traces | 1s run time
Error: thrown: "Exceeded timeout of 1000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."
    at it (.../src/tests/SentryTestAnalytics.test.tsx:70:5)
    at _dispatchDescribe (.../jest-circus/build/index.js:91:26)
    at describe (.../jest-circus/build/index.js:55:5)
    at describe (.../src/tests/SentryTestAnalytics.test.tsx:46:3)
    at _dispatchDescribe (.../jest-circus/build/index.js:91:26)
    at describe (.../jest-circus/build/index.js:55:5)
    at Object.describe (.../src/tests/SentryTestAnalytics.test.tsx:15:1)
    at Runtime._execModule (.../jest-runtime/build/index.js:1439:24)
    at Runtime._loadModule (.../jest-runtime/build/index.js:1022:12)
    at Runtime.requireModule (.../jest-runtime/build/index.js:882:12)
    at jestAdapter (.../build/legacy-code-todo-rewrite/jestAdapter.js:77:13)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at runTestInternal (.../jest-runner/build/runTest.js:367:16)
    at runTest (.../jest-runner/build/runTest.js:444:34)
    at Object.worker (.../jest-runner/build/testWorker.js:106:12)
should validate numeric inputs correctly
Stack Traces | 1s run time
Error: Unable to find a label with the text of: Calories

Ignored nodes: comments, script, style
<body>
  <div />
</body>
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/MealLogForm.test.tsx:397:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
NutritionPage Flaky Tests for Analytics Demo should validate form validation logic
Stack Traces | 1s run time
Error: Found multiple elements with the text: 0

Here are the matching elements:

Ignored nodes: comments, script, style
<div
  class="text-4xl font-bold text-fitfest-deep dark:text-fitfest-subtle mb-1"
>
  0
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    98
    g
  </span>
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    244
    g
  </span>
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    68
    g
  </span>
</div>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:413:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should validate form validation logic
Stack Traces | 1s run time
Error: Found multiple elements with the text: 0

Here are the matching elements:

Ignored nodes: comments, script, style
<div
  class="text-4xl font-bold text-fitfest-deep dark:text-fitfest-subtle mb-1"
>
  0
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    98
    g
  </span>
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    244
    g
  </span>
</div>

Ignored nodes: comments, script, style
<div
  class="text-lg font-bold text-fitfest-deep dark:text-fitfest-subtle mb-2"
>
  0
  <span
    class="text-sm font-normal text-fitfest-subtle dark:text-fitfest-subtle/70"
  >
    /
    68
    g
  </span>
</div>

(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:413:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
MealLogForm Flaky Tests for Analytics Demo should fail when form validation is too strict
Stack Traces | 1s run time
Error: Form validation too strict for short names

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-gray-50 dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-gray-100 dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-gray-600 dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <div
                class="flex items-center gap-2"
              >
                <span
                  class="text-2xl"
                >
                  🥗
                </span>
                <h1
                  class="text-xl font-bold text-gray-900 dark:text-fitfest-subtle"
                >
                  Log 
                  Lunch
                </h1>
              </div>
            </div>
          </div>
        </div>
        <div
          class="max-w-md mx-auto mt-8 px-4"
        >
          <form
            class="bg-white dark:bg-fitfest-dark-secondary rounded-lg shadow-sm p-6 space-y-4 transition-colors duration-200"
          >
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="date"
              >
                Date
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle transition-colors duration-200"
                id="date"
                name="date"
                required=""
                type="date"
                value="2025-10-06"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="name"
              >
                Meal Name
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="name"
                name="name"
                placeholder="e.g., Oatmeal with berries"
                required=""
                type="text"
                value="a"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="calories"
              >
                Calories
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="calories"
                min="0"
                name="calories"
                placeholder="e.g., 300"
                required=""
                type="number"
                value=""
              />
            </div>
            <div
              class="grid grid-cols-3 gap-3"
            >
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="protein"
                >
                  Protein (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="protein"
                  min="0"
                  name="protein"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="carbs"
                >
                  Carbs (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="carbs"
                  min="0"
                  name="carbs"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="fat"
                >
                  Fat (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="fat"
                  min="0"
                  name="fat"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
            </div>
            <div
              class="flex gap-3 pt-4"
            >
              <button
                class="flex-1 px-4 py-2 text-gray-700 dark:text-fitfest-subtle bg-gray-100 dark:bg-fitfest-dark-tertiary border border-gray-300 dark:border-fitfest-subtle/20 rounded-md hover:bg-gray-200 dark:hover:bg-fitfest-dark-tertiary/80 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition-colors duration-200"
                type="button"
              >
                Cancel
              </button>
              <button
                class="flex-1 px-4 py-2 text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
                type="submit"
              >
                Save Meal
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>
    at .../src/tests/MealLogForm.test.tsx:352:17
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
NutritionPage Meal Display should display macro totals correctly
Stack Traces | 1s run time
Error: Unable to find an element with the text: 33. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:176:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
NutritionPage Meal Display should display snacks in the Snacks section
Stack Traces | 1s run time
Error: Unable to find an element with the text: Apple. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:235:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should display macro totals correctly
Stack Traces | 1s run time
Error: Unable to find an element with the text: 33. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:176:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should display snacks in the Snacks section
Stack Traces | 1s run time
Error: Unable to find an element with the text: Apple. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:235:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should fail when form validation is too strict
Stack Traces | 1s run time
Error: Form validation too strict for short names

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-gray-50 dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-gray-100 dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-gray-600 dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <div
                class="flex items-center gap-2"
              >
                <span
                  class="text-2xl"
                >
                  🥗
                </span>
                <h1
                  class="text-xl font-bold text-gray-900 dark:text-fitfest-subtle"
                >
                  Log 
                  Lunch
                </h1>
              </div>
            </div>
          </div>
        </div>
        <div
          class="max-w-md mx-auto mt-8 px-4"
        >
          <form
            class="bg-white dark:bg-fitfest-dark-secondary rounded-lg shadow-sm p-6 space-y-4 transition-colors duration-200"
          >
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="date"
              >
                Date
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle transition-colors duration-200"
                id="date"
                name="date"
                required=""
                type="date"
                value="2025-10-06"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="name"
              >
                Meal Name
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="name"
                name="name"
                placeholder="e.g., Oatmeal with berries"
                required=""
                type="text"
                value="a"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="calories"
              >
                Calories
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="calories"
                min="0"
                name="calories"
                placeholder="e.g., 300"
                required=""
                type="number"
                value=""
              />
            </div>
            <div
              class="grid grid-cols-3 gap-3"
            >
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="protein"
                >
                  Protein (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="protein"
                  min="0"
                  name="protein"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="carbs"
                >
                  Carbs (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="carbs"
                  min="0"
                  name="carbs"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="fat"
                >
                  Fat (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="fat"
                  min="0"
                  name="fat"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
            </div>
            <div
              class="flex gap-3 pt-4"
            >
              <button
                class="flex-1 px-4 py-2 text-gray-700 dark:text-fitfest-subtle bg-gray-100 dark:bg-fitfest-dark-tertiary border border-gray-300 dark:border-fitfest-subtle/20 rounded-md hover:bg-gray-200 dark:hover:bg-fitfest-dark-tertiary/80 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition-colors duration-200"
                type="button"
              >
                Cancel
              </button>
              <button
                class="flex-1 px-4 py-2 text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
                type="submit"
              >
                Save Meal
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>
    at .../src/tests/MealLogForm.test.tsx:352:17
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
NutritionPage Flaky Tests for Analytics Demo should test dark mode functionality
Stack Traces | 1.01s run time
Error: expect(element).toHaveClass("dark:bg-fitfest-dark-secondary")

Expected the element to have class:
  dark:bg-fitfest-dark-secondary
Received:
  flex items-center gap-3

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.75 19.5 8.25 12l7.5-7.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <h1
                class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
              >
                Food diary
              </h1>
            </div>
          </div>
          <div
            class="px-4 pb-4"
          >
            <p
              class="text-fitfest-text dark:text-fitfest-subtle text-sm"
            >
              Monday
              , 
              October 6
            </p>
          </div>
          <div
            class="px-4 pb-4"
          >
            <div
              class="flex gap-2 overflow-x-auto"
            >
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Today
                </span>
                <span
                  class="text-lg"
                >
                  6
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Tue
                </span>
                <span
                  class="text-lg"
                >
                  7
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Wed
                </span>
                <span
                  class="text-lg"
                >
                  8
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Thu
                </span>
                <span
                  class="text-lg"
                >
                  9
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Fri
                </span>
                <span
                  class="text-lg"
                >
                  10
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-s...
    at toHaveClass (.../src/tests/NutritionPage.test.tsx:360:27)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
should test dark mode functionality
Stack Traces | 1.01s run time
Error: expect(element).toHaveClass("dark:bg-fitfest-dark-secondary")

Expected the element to have class:
  dark:bg-fitfest-dark-secondary
Received:
  flex items-center gap-3

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.75 19.5 8.25 12l7.5-7.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <h1
                class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
              >
                Food diary
              </h1>
            </div>
          </div>
          <div
            class="px-4 pb-4"
          >
            <p
              class="text-fitfest-text dark:text-fitfest-subtle text-sm"
            >
              Monday
              , 
              October 6
            </p>
          </div>
          <div
            class="px-4 pb-4"
          >
            <div
              class="flex gap-2 overflow-x-auto"
            >
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Today
                </span>
                <span
                  class="text-lg"
                >
                  6
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Tue
                </span>
                <span
                  class="text-lg"
                >
                  7
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Wed
                </span>
                <span
                  class="text-lg"
                >
                  8
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Thu
                </span>
                <span
                  class="text-lg"
                >
                  9
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Fri
                </span>
                <span
                  class="text-lg"
                >
                  10
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-s...
    at toHaveClass (.../src/tests/NutritionPage.test.tsx:360:27)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
NutritionPage Date Selection should fetch meals for selected date
Stack Traces | 1.01s run time
Error: expect(jest.fn()).toHaveBeenCalledWith(...expected)

Expected: StringContaining "/api/meals?date=", Any<Object>
Received
       1: ".../api/auth/session", {"credentials": "include", "headers": {"Cache-Control": "no-cache"}}
       2: "/api/profile", {"credentials": "include"}
       3: "/api/meals?date=2025-10-06"

Number of calls: 3

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.75 19.5 8.25 12l7.5-7.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <h1
                class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
              >
                Food diary
              </h1>
            </div>
          </div>
          <div
            class="px-4 pb-4"
          >
            <p
              class="text-fitfest-text dark:text-fitfest-subtle text-sm"
            >
              Monday
              , 
              October 6
            </p>
          </div>
          <div
            class="px-4 pb-4"
          >
            <div
              class="flex gap-2 overflow-x-auto"
            >
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Today
                </span>
                <span
                  class="text-lg"
                >
                  6
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Tue
                </span>
                <span
                  class="text-lg"
                >
                  7
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Wed
                </span>
                <span
                  class="text-lg"
                >
                  8
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Thu
                </span>
                <span
                  class="text-lg"
                >
                  9
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Fri
                </span>
                <span
                  class="text-lg"
                >
                  10
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-s...
    at toHaveBeenCalledWith (.../src/tests/NutritionPage.test.tsx:115:23)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
NutritionPage Meal Display should display individual meals in correct categories
Stack Traces | 1.01s run time
Error: Unable to find an element with the text: Chicken Salad. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:186:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should display individual meals in correct categories
Stack Traces | 1.01s run time
Error: Unable to find an element with the text: Chicken Salad. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:186:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should fetch meals for selected date
Stack Traces | 1.01s run time
Error: expect(jest.fn()).toHaveBeenCalledWith(...expected)

Expected: StringContaining "/api/meals?date=", Any<Object>
Received
       1: ".../api/auth/session", {"credentials": "include", "headers": {"Cache-Control": "no-cache"}}
       2: "/api/profile", {"credentials": "include"}
       3: "/api/meals?date=2025-10-06"

Number of calls: 3

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M15.75 19.5 8.25 12l7.5-7.5"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <h1
                class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
              >
                Food diary
              </h1>
            </div>
          </div>
          <div
            class="px-4 pb-4"
          >
            <p
              class="text-fitfest-text dark:text-fitfest-subtle text-sm"
            >
              Monday
              , 
              October 6
            </p>
          </div>
          <div
            class="px-4 pb-4"
          >
            <div
              class="flex gap-2 overflow-x-auto"
            >
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Today
                </span>
                <span
                  class="text-lg"
                >
                  6
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Tue
                </span>
                <span
                  class="text-lg"
                >
                  7
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Wed
                </span>
                <span
                  class="text-lg"
                >
                  8
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Thu
                </span>
                <span
                  class="text-lg"
                >
                  9
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
              >
                <span
                  class="text-xs opacity-70"
                >
                  Fri
                </span>
                <span
                  class="text-lg"
                >
                  10
                </span>
              </button>
              <button
                class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-s...
    at toHaveBeenCalledWith (.../src/tests/NutritionPage.test.tsx:115:23)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
NutritionPage Meal Display should display total calories correctly
Stack Traces | 1.01s run time
Error: Unable to find an element with the text: 550. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:167:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should display total calories correctly
Stack Traces | 1.01s run time
Error: Unable to find an element with the text: 550. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:167:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
NutritionPage Date Selection should display current date by default
Stack Traces | 1.03s run time
Error: Unable to find an element with the text: Monday. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:94:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
should display current date by default
Stack Traces | 1.03s run time
Error: Unable to find an element with the text: Monday. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
  <div>
    <div
      class="min-h-screen bg-fitfest-light dark:bg-fitfest-dark transition-colors duration-200"
    >
      <div
        class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
      >
        <div
          class="flex items-center justify-between p-4"
        >
          <div
            class="flex items-center gap-3"
          >
            <button
              class="p-2 hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
            >
              <svg
                aria-hidden="true"
                class="w-5 h-5 text-fitfest-text dark:text-fitfest-subtle"
                data-slot="icon"
                fill="none"
                stroke="currentColor"
                stroke-width="1.5"
                viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M15.75 19.5 8.25 12l7.5-7.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                />
              </svg>
            </button>
            <h1
              class="text-xl font-bold text-fitfest-deep dark:text-fitfest-subtle"
            >
              Food diary
            </h1>
          </div>
        </div>
        <div
          class="px-4 pb-4"
        >
          <p
            class="text-fitfest-text dark:text-fitfest-subtle text-sm"
          >
            Monday
            , 
            October 6
          </p>
        </div>
        <div
          class="px-4 pb-4"
        >
          <div
            class="flex gap-2 overflow-x-auto"
          >
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-fitfest-deep text-white dark:bg-fitfest-bright dark:text-fitfest-dark"
            >
              <span
                class="text-xs opacity-70"
              >
                Today
              </span>
              <span
                class="text-lg"
              >
                6
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Tue
              </span>
              <span
                class="text-lg"
              >
                7
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Wed
              </span>
              <span
                class="text-lg"
              >
                8
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Thu
              </span>
              <span
                class="text-lg"
              >
                9
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Fri
              </span>
              <span
                class="text-lg"
              >
                10
              </span>
            </button>
            <button
              class="flex flex-col items-center justify-center min-w-[60px] h-16 rounded-lg text-sm font-medium transition-colors bg-white dark:bg-fitfest-dark-secondary text-fitfest-text dark:text-fitfest-subtle hover:bg-fitfest-light dark:hover:bg-fitfest-dark-tertiary border border-fitfest-subtle/20 dark:border-fitfest-subtle/10"
            >
              <span
                class="text-xs opacity-70"
              >
                Sat
              </span>
              <span
                class="text-lg"...
    at waitForWrapper (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:163:27)
    at Object.<anonymous> (.../src/tests/NutritionPage.test.tsx:94:20)
    at Promise.then.completed (.../fitfest/app/node_modules/jest-circus/build/utils.js:298:28)
    at new Promise (<anonymous>)
    at callAsyncCircusFn (.../fitfest/app/node_modules/jest-circus/build/utils.js:231:10)
    at _callCircusTest (.../fitfest/app/node_modules/jest-circus/build/run.js:316:40)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at listOnTimeout (node:internal/timers:545:9)
    at processTimers (node:internal/timers:519:7)
    at _runTest (.../fitfest/app/node_modules/jest-circus/build/run.js:252:3)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:126:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at _runTestsForDescribeBlock (.../fitfest/app/node_modules/jest-circus/build/run.js:121:9)
    at run (.../fitfest/app/node_modules/jest-circus/build/run.js:71:3)
    at runAndTransformResultsToJestFormat (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21)
    at jestAdapter (.../fitfest/app/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:79:19)
    at runTestInternal (.../fitfest/app/node_modules/jest-runner/build/runTest.js:367:16)
    at runTest (.../fitfest/app/node_modules/jest-runner/build/runTest.js:444:34)
    at Object.worker (.../fitfest/app/node_modules/jest-runner/build/testWorker.js:106:12)
MealLogForm Form Submission should submit form with correct data
Stack Traces | 1.03s run time
Error: expect(jest.fn()).toHaveBeenCalledWith(...expected)

Expected: "/api/meals", {"body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}", "headers": {"Content-Type": "application/json"}, "method": "POST"}
Received
       1
          ".../api/auth/session",
          Object {
        -   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}",
        +   "credentials": "include",
            "headers": Object {
        -     "Content-Type": "application/json",
        +     "Cache-Control": "no-cache",
            },
        -   "method": "POST",
          },
       2
          "/api/meals",
          Object {
        -   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}",
        +   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":\"2025-10-06\",\"calories\":\"350\",\"protein\":null,\"carbs\":null,\"fat\":null}",
            "headers": Object {
              "Content-Type": "application/json",
            },
            "method": "POST",
          },

Number of calls: 2

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-gray-50 dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-gray-100 dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-gray-600 dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <div
                class="flex items-center gap-2"
              >
                <span
                  class="text-2xl"
                >
                  🥗
                </span>
                <h1
                  class="text-xl font-bold text-gray-900 dark:text-fitfest-subtle"
                >
                  Log 
                  Lunch
                </h1>
              </div>
            </div>
          </div>
        </div>
        <div
          class="max-w-md mx-auto mt-8 px-4"
        >
          <form
            class="bg-white dark:bg-fitfest-dark-secondary rounded-lg shadow-sm p-6 space-y-4 transition-colors duration-200"
          >
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="date"
              >
                Date
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle transition-colors duration-200"
                id="date"
                name="date"
                required=""
                type="date"
                value="2025-10-06"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="name"
              >
                Meal Name
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="name"
                name="name"
                placeholder="e.g., Oatmeal with berries"
                required=""
                type="text"
                value="Chicken Salad"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="calories"
              >
                Calories
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="calories"
                min="0"
                name="calories"
                placeholder="e.g., 300"
                required=""
                type="number"
                value="350"
              />
            </div>
            <div
              class="grid grid-cols-3 gap-3"
            >
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="protein"
                >
                  Protein (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="protein"
                  min="0"
                  name="protein"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="carbs"
                >
                  Carbs (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="carbs"
                  min="0"
                  name="carbs"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="fat"
                >
                  Fat (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="fat"
                  min="0"
                  name="fat"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
            </div>
            <div
              class="flex gap-3 pt-4"
            >
              <button
                class="flex-1 px-4 py-2 text-gray-700 dark:text-fitfest-subtle bg-gray-100 dark:bg-fitfest-dark-tertiary border border-gray-300 dark:border-fitfest-subtle/20 rounded-md hover:bg-gray-200 dark:hover:bg-fitfest-dark-tertiary/80 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition-colors duration-200"
                type="button"
              >
                Cancel
              </button>
              <button
                class="flex-1 px-4 py-2 text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
                type="submit"
              >
                Save Meal
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>
    at toHaveBeenCalledWith (.../src/tests/MealLogForm.test.tsx:156:23)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
should submit form with correct data
Stack Traces | 1.03s run time
Error: expect(jest.fn()).toHaveBeenCalledWith(...expected)

Expected: "/api/meals", {"body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}", "headers": {"Content-Type": "application/json"}, "method": "POST"}
Received
       1
          ".../api/auth/session",
          Object {
        -   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}",
        +   "credentials": "include",
            "headers": Object {
        -     "Content-Type": "application/json",
        +     "Cache-Control": "no-cache",
            },
        -   "method": "POST",
          },
       2
          "/api/meals",
          Object {
        -   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":{\"inverse\":false},\"calories\":\"350\",\"protein\":\"\",\"carbs\":\"\",\"fat\":\"\"}",
        +   "body": "{\"name\":\"Chicken Salad\",\"type\":\"lunch\",\"date\":\"2025-10-06\",\"calories\":\"350\",\"protein\":null,\"carbs\":null,\"fat\":null}",
            "headers": Object {
              "Content-Type": "application/json",
            },
            "method": "POST",
          },

Number of calls: 2

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <div
        class="min-h-screen bg-gray-50 dark:bg-fitfest-dark transition-colors duration-200"
      >
        <div
          class="bg-white dark:bg-fitfest-dark-secondary shadow-sm border-b border-fitfest-subtle/20 dark:border-fitfest-subtle/10 transition-colors duration-200"
        >
          <div
            class="flex items-center justify-between p-4"
          >
            <div
              class="flex items-center gap-3"
            >
              <button
                class="p-2 hover:bg-gray-100 dark:hover:bg-fitfest-dark-tertiary rounded-full transition-colors duration-200"
              >
                <svg
                  aria-hidden="true"
                  class="w-5 h-5 text-gray-600 dark:text-fitfest-subtle"
                  data-slot="icon"
                  fill="none"
                  stroke="currentColor"
                  stroke-width="1.5"
                  viewBox="0 0 24 24"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  />
                </svg>
              </button>
              <div
                class="flex items-center gap-2"
              >
                <span
                  class="text-2xl"
                >
                  🥗
                </span>
                <h1
                  class="text-xl font-bold text-gray-900 dark:text-fitfest-subtle"
                >
                  Log 
                  Lunch
                </h1>
              </div>
            </div>
          </div>
        </div>
        <div
          class="max-w-md mx-auto mt-8 px-4"
        >
          <form
            class="bg-white dark:bg-fitfest-dark-secondary rounded-lg shadow-sm p-6 space-y-4 transition-colors duration-200"
          >
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="date"
              >
                Date
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle transition-colors duration-200"
                id="date"
                name="date"
                required=""
                type="date"
                value="2025-10-06"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="name"
              >
                Meal Name
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="name"
                name="name"
                placeholder="e.g., Oatmeal with berries"
                required=""
                type="text"
                value="Chicken Salad"
              />
            </div>
            <div>
              <label
                class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                for="calories"
              >
                Calories
              </label>
              <input
                class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                id="calories"
                min="0"
                name="calories"
                placeholder="e.g., 300"
                required=""
                type="number"
                value="350"
              />
            </div>
            <div
              class="grid grid-cols-3 gap-3"
            >
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="protein"
                >
                  Protein (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="protein"
                  min="0"
                  name="protein"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="carbs"
                >
                  Carbs (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="carbs"
                  min="0"
                  name="carbs"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
              <div>
                <label
                  class="block text-sm font-medium text-gray-700 dark:text-fitfest-subtle mb-1"
                  for="fat"
                >
                  Fat (g)
                </label>
                <input
                  class="w-full px-3 py-2 border border-gray-300 dark:border-fitfest-subtle/20 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white dark:bg-fitfest-dark-tertiary text-gray-900 dark:text-fitfest-subtle placeholder-gray-500 dark:placeholder-fitfest-subtle/50 transition-colors duration-200"
                  id="fat"
                  min="0"
                  name="fat"
                  placeholder="0"
                  step="0.1"
                  type="number"
                  value=""
                />
              </div>
            </div>
            <div
              class="flex gap-3 pt-4"
            >
              <button
                class="flex-1 px-4 py-2 text-gray-700 dark:text-fitfest-subtle bg-gray-100 dark:bg-fitfest-dark-tertiary border border-gray-300 dark:border-fitfest-subtle/20 rounded-md hover:bg-gray-200 dark:hover:bg-fitfest-dark-tertiary/80 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:border-transparent transition-colors duration-200"
                type="button"
              >
                Cancel
              </button>
              <button
                class="flex-1 px-4 py-2 text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
                type="submit"
              >
                Save Meal
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </body>
</html>
    at toHaveBeenCalledWith (.../src/tests/MealLogForm.test.tsx:156:23)
    at runWithExpensiveErrorDiagnosticsDisabled (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/config.js:47:12)
    at checkCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:124:77)
    at checkRealTimersCallback (.../fitfest/app/node_modules/@testing-library/react/node_modules/@.../dom/dist/wait-for.js:118:16)
    at Timeout.task [as _onTimeout] (.../fitfest/app/node_modules/jsdom/lib/jsdom/browser/Window.js:520:19)
    at listOnTimeout (node:internal/timers:581:17)
    at processTimers (node:internal/timers:519:7)
Sentry Test Analytics - Performance Tests should fail due to slow performance
Stack Traces | 2s run time
Error: expect(received).toBeLessThan(expected)

Expected: < 1000
Received:   2002
    at Object.toBeLessThan (.../src/tests/SentryTestAnalytics.test.tsx:261:22)
should fail due to slow performance
Stack Traces | 2s run time
Error: expect(received).toBeLessThan(expected)

Expected: < 1000
Received:   2002
    at Object.toBeLessThan (.../src/tests/SentryTestAnalytics.test.tsx:261:22)

To view more test analytics, go to the [Prevent Tests Dashboard](https://Cooking with Code.sentry.io/prevent/tests/?preventPeriod=30d&integratedOrgName=sfanahata&repository=fitfest&branch=sentry-enhancements)

@sfanahata sfanahata merged commit f3684be into main Oct 6, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant