jobtrackingapp/docs/ui-modernisation/visual-correction/evidence/system-status-refresh/RED.txt


> job-tracker-ui@0.1.0 test
> jest --runInBand admin-system-page.test.tsx

node.exe : FAIL src/admin-system-page.test.tsx (7.531 s)
At line:1 char:1
+ & "C:\Program Files\nodejs/node.exe" "C:\Program Files\nodejs/node_mo ...
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (FAIL src/admin-...t.tsx (7.531 s):String) [], RemoteException
    + FullyQualifiedErrorId : NativeCommandError
 
  ● AdminSystemPage › keeps the last diagnostic values under a qualified refresh error

    TestingLibraryElementError: Unable to find an element with the text: Last successful status refresh. 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
          aria-busy="false"
          aria-label="System status"
          class="MuiBox-root css-r25qa1"
          role="region"
          tabindex="-1"
        >
          <div
            class="MuiBox-root css-1mcghfl"
          >
            <button
              class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary 
MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined 
MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary 
css-1g6yn02-MuiButtonBase-root-MuiButton-root"
              tabindex="0"
              type="button"
            >
              Run probe now
            </button>
            <button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary 
MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained 
MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary 
css-83fk99-MuiButtonBase-root-MuiButton-root"
              tabindex="0"
              type="button"
            >
              Refresh
            </button>
          </div>
          <div
            class="MuiTabs-root css-1xkjjjh-MuiTabs-root"
          >
            <div
              class="MuiTabs-scrollableX MuiTabs-hideScrollbar css-i8yde5"
              style="width: 99px; height: 99px; position: absolute; top: -9999px; overflow: 
scroll;"
            />
            <div
              class="MuiTabs-scroller MuiTabs-hideScrollbar MuiTabs-scrollableX 
css-1fr578y-MuiTabs-scroller"
              style="margin-bottom: 0px;"
            >
              <div
                aria-label="System status"
                class="MuiTabs-list MuiTabs-flexContainer css-hzcega-MuiTabs-list"
                role="tablist"
              >
                <button
                  aria-controls="_r_b2_-panel-0"
                  aria-selected="true"
                  class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected 
css-mobu7h-MuiButtonBase-root-MuiTab-root"
                  id="_r_b2_-tab-0"
                  role="tab"
                  tabindex="0"
                  type="button"
                >
                  Status
                </button>
                <button
                  aria-controls="_r_b2_-panel-1"
                  aria-selected="false"
                  class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary 
css-mobu7h-MuiButtonBase-root-MuiTab-root"
                  id="_r_b2_-tab-1"
                  role="tab"
                  tabindex="-1"
                  type="button"
                >
                  Settings
                </button>
              </div>
              <span
                class="MuiTabs-indicator css-1qltlow-MuiTabs-indicator"
                style="left: 0px; width: 0px;"
              />
            </div>
          </div>
          <div
            aria-labelledby="_r_b2_-tab-0"
            class="MuiBox-root css-31l7gp"
            id="_r_b2_-panel-0"
            role="tabpanel"
          >
            <div
              class="MuiStack-root css-jfdv4h-MuiStack-root"
            />
            <div
              class="MuiStack-root css-1sazv7p-MuiStack-root"
            >
              <div
                class="MuiBox-root css-124qmpb"
              >
                <div
                  class="MuiBox-root css-8rzw6e"
                >
                  <span
                    class="MuiTypography-root MuiTypography-overline 
css-1h9kodl-MuiTypography-root"
                  >
                    Environment
                  </span>
                  <p
                    class="MuiTypography-root MuiTypography-h5 css-1nbdmhc-MuiTypography-root"
                  >
                    Production
                  </p>
                  <p
                    class="MuiTypography-root MuiTypography-body2 css-1mn36yr-MuiTypography-root"
                  >
                    Version 1.2.3 · Commit abc1234
                  </p>
                </div>
                <div
                  class="MuiBox-root css-8rzw6e"
                >
                  <span
                    class="MuiTypography-root MuiTypography-overline 
css-1h9kodl-MuiTypography-root"
                  >
                    Database
                  </span>
                  <p
                    class="MuiTypography-root MuiTypography-h5 css-1mcf1pi-MuiTypography-root"
                  >
                    Connected
                  </p>
                  <p
                    class="MuiTypography-root MuiTypography-body2 css-1mn36yr-MuiTypography-root"
                  >
                    mariadb · server=db
                  </p>
                </div>
                <div
                  class="MuiBox-root css-8rzw6e"
                >
                  <span
                    class="MuiTypography-root MuiTypography-overline 
css-1h9kodl-MuiTypography-root"
                  >
                    SMTP
                  </span>
                  <p
                    class="MuiTypography-root MuiTypography-h5 css-1mcf1pi-MuiTypography-root"
                  >
                    Enabled
                  </p>
                  <p
                    class="MuiTypography-root MuiTypography-body2 css-1mn36yr-MuiTypography-root"
                  >
                    smtp.example.test
                  </p>
                </div>
                <div[3...

      383 |     render(<I18nProvider><AdminSystemPage /></I18nProvider>);
      384 |     await screen.findByText('Production');
    > 385 |     const readTime = screen.getByText('Last successful status 
refresh').parentElement?.querySelector('time');
          |                             ^
      386 |     const original = readTime?.dateTime;
      387 |     expect(original).toMatch(/^\d{4}-\d{2}-\d{2}T.*Z$/);
      388 |     const get = mockedApi.get.getMockImplementation()!;

      at Object.getElementError (node_modules/@testing-library/dom/dist/config.js:37:19)
      at node_modules/@testing-library/dom/dist/query-helpers.js:76:38
      at node_modules/@testing-library/dom/dist/query-helpers.js:52:17
      at node_modules/@testing-library/dom/dist/query-helpers.js:95:19
      at Object.getByText (src/admin-system-page.test.tsx:385:29)

Test Suites: 1 failed, 1 total
Tests:       1 failed, 19 passed, 20 total
Snapshots:   0 total
Time:        8.385 s, estimated 15 s
Ran all test suites matching admin-system-page.test.tsx.