Skip to content

Commit

Permalink
log
Browse files Browse the repository at this point in the history
  • Loading branch information
@tiffanyvu
tiffanyvu committed Jan 9, 2025
1 parent 99673e6 commit 9bac37a
Showing 1 changed file with 0 additions and 1 deletion.
1 change: 0 additions & 1 deletion react-app/src/components/Layout/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@ import { UserRoles } from "shared-types";
const useGetLinks = () => {
const { isLoading, data: userObj } = useGetUser();
console.log(userObj.user, "WHAT IS THE USER");
console.log(userObj.user["custom:cms-roles"], "USER ROLES?");

const links =
isLoading || isFaqPage

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > renders without errors 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > UserDropdownMenu > renders UserDropdownMenu for logged-in user in desktop view 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > UserDropdownMenu > renders UserDropdownMenu for logged-in user in mobile view 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > UserDropdownMenu actions > navigates to profile page when View Profile is clicked 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > UserDropdownMenu actions > calls Auth.signOut when Sign Out is clicked 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > Navigation for logged-in users > navigates to dashboard if user has appropriate roles 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > Navigation for logged-in users > navigates to home page if user doesn't have appropriate roles 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > Navigation for logged-out users > renders Sign In and Register buttons in desktop view 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > Navigation for logged-out users > renders Sign In and Register buttons in mobile view 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-

Check failure on line 28 in react-app/src/components/Layout/index.tsx

View workflow job for this annotation

GitHub Actions / test

src/components/Layout/index.test.tsx > Layout > Navigation links and mobile view > renders nav links for authenticated user in desktop view 

AssertionError: expected last "useGetUser" call to return ObjectContaining {"isLoading": false}

Ignored nodes: comments, script, style
<html>
  <head />
  <body>
    <div>
      <h2>
        Unexpected Application Error!
      </h2>
      <h3
        style="font-style: italic;"
      >
        Cannot read properties of undefined (reading 'user')
      </h3>
      <pre
        style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
      >
        TypeError: Cannot read properties of undefined (reading 'user')
    at useGetLinks (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:28:5)
    at ResponsiveNav (/home/runner/work/macpro-mako/macpro-mako/react-app/src/components/Layout/index.tsx:2166:34)
    at renderWithHooks (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:15486:18)
    at mountIndeterminateComponent (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:20103:13)
    at beginWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:21626:16)
    at beginWork$1 (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:27465:14)
    at performUnitOfWork (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26599:12)
    at workLoopSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26505:5)
    at renderRootSync (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:26473:7)
    at recoverFromConcurrentError (/home/runner/work/macpro-mako/macpro-mako/node_modules/react-dom/cjs/react-dom.development.js:25889:20)
      </pre>
      <p>
        💿 Hey developer 👋
      </p>
      <p>
        You can provide a way better UX than this when your app throws errors by providing your own 
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          ErrorBoundary
        </code>
         or
         
        <code
          style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
        >
          errorElement
        </code>
         prop on your route.
      </p>
    </div>
  </body>
</html>

- Expected
+ Received

- ObjectContaining {
-   "isLoading": false,
+ Object {
+   "data": undefined,
+   "dataUpdatedAt": 0,
+   "error": null,
+   "errorUpdateCount": 0,
+   "errorUpdatedAt": 0,
+   "failureCount": 0,
+   "failureReason": null,
+   "fetchStatus": "fetching",
+   "isError": false,
+   "isFetched": false,
+   "isFetchedAfterMount": false,
+   "isFetching": true,
+   "isInitialLoading": true,
+   "isLoading": true,
+   "isLoadingError": false,
+   "isPaused": false,
+   "isPlaceholderData": false,
+   "isPreviousData": false,
+   "isRefetchError": false,
+   "isRefetching": false,
+   "isStale": true,
+   "isSuccess": false,
+   "refetch": [Function bound refetch],
+   "remove": [Function bound remove],
+   "status": "loading",
  }

 ❯ useGetLinks src/components/Layout/index.tsx:28:5
 ❯ ResponsiveNav src/components/Layout/index.tsx:2166:34
 ❯ renderWithHooks ../node_modules/react-dom/cjs/react-dom.development.js:15486:18
 ❯ mountIndeterminateComponent ../node_modules/react-dom/cjs/react-dom.development.js:20103:13
 ❯ beginWork ../node_modules/react-dom/cjs/react-dom.development.js:21626:16
 ❯ beginWork$1 ../node_modules/react-dom/cjs/react-dom.development.js:27465:14
 ❯ performUnitOfWork ../node_modules/react-dom/cjs/react-dom.development.js:26599:12
 ❯ workLoopSync ../node_modules/react-dom/cjs/react-dom.development.js:26505:5
 ❯ renderRootSync ../node_modules/react-dom/cjs/react-dom.development.js:26473:7
 ❯ src/components/Layout/index.test.tsx:3736:53
 ❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/@testing-library/dom/dist/config.js:47:12
 ❯ checkCallback ../node_modules/@testing-library/dom/dist/wait-for.js:124:77
 ❯ Timeout.checkRealTimersCallback ../node_modules/@testing-library/dom/dist/wait-
Expand Down

0 comments on commit 9bac37a

Please sign in to comment.