Fix stories and snaps

gravitational · Sep 13, 2024 · 35ccb64 · 35ccb64
1 parent 433cb6f
commit 35ccb64
Show file tree

Hide file tree

Showing 14 changed files with 3,144 additions and 5,233 deletions.
diff --git a/...nts/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap b/...nts/AccessRequests/NewRequest/ResourceList/__snapshots__/ResourceList.story.test.tsx.snap
@@ -1750,11 +1750,12 @@ exports[`render Roles 1`] = `
       <div
         class="c3"
       >
-        <div
+        <form
           class="c4"
         >
           <input
             class="c5"
+            name="searchValue"
             placeholder="Search..."
             value=""
           />
@@ -1765,7 +1766,7 @@ exports[`render Roles 1`] = `
               class="c7"
             />
           </div>
-        </div>
+        </form>
       </div>
       <div
         class="c8 c9"

diff --git a/web/packages/teleport/src/Audit/Audit.story.test.tsx b/web/packages/teleport/src/Audit/Audit.story.test.tsx
@@ -23,8 +23,8 @@ import { LoadedSample, AllPossibleEvents } from './Audit.story';
 
 test('loaded audit log screen', async () => {
   const { container } = render(<LoadedSample />);
-  await screen.findByText(/Audit Log/);
-  expect(container.firstChild).toMatchSnapshot();
+  await screen.findAllByText(/Showing/);
+  expect(container).toMatchSnapshot();
 });
 
 test('list of all events', async () => {

diff --git a/web/packages/teleport/src/Audit/Audit.story.tsx b/web/packages/teleport/src/Audit/Audit.story.tsx
@@ -32,6 +32,7 @@ export default {
 
 export const LoadedSample = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.resolve({ events: eventsSample, startKey: '' });
 
@@ -40,6 +41,7 @@ export const LoadedSample = () => {
 
 export const LoadedFetchMore = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.resolve({ events, startKey: 'any-text' });
 
@@ -48,12 +50,14 @@ export const LoadedFetchMore = () => {
 
 export const Processing = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () => new Promise(() => null);
   return render(ctx);
 };
 
 export const Failed = () => {
   const ctx = new Context();
+  ctx.clusterService.fetchClusters = () => Promise.resolve([]);
   ctx.auditService.fetchEvents = () =>
     Promise.reject(new Error('server error'));
   return render(ctx);