{
const { container } = render(
);
- 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
index 42b40b1d1c4b..9cc666a02cf6 100644
--- 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);
diff --git a/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap b/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
index e74cd3c6c96c..00469aa3aed8 100644
--- a/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
+++ b/web/packages/teleport/src/Audit/__snapshots__/Audit.story.test.tsx.snap
@@ -1,6 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`list of all events 1`] = `
+.c12 {
+ box-sizing: border-box;
+}
+
.c6 {
box-sizing: border-box;
margin-bottom: 4px;
@@ -12,10 +16,6 @@ exports[`list of all events 1`] = `
margin-right: 8px;
}
-.c12 {
- box-sizing: border-box;
-}
-
.c20 {
line-height: 1.5;
margin: 0;
@@ -364,11 +364,12 @@ exports[`list of all events 1`] = `
-
@@ -379,7 +380,7 @@ exports[`list of all events 1`] = `
class="c5"
/>
-
+
thead > tr > th,
-.c16 > tbody > tr > th,
-.c16 > tfoot > tr > th,
-.c16 > thead > tr > td,
-.c16 > tbody > tr > td,
-.c16 > tfoot > tr > td {
+.c25 > thead > tr > th,
+.c25 > tbody > tr > th,
+.c25 > tfoot > tr > th,
+.c25 > thead > tr > td,
+.c25 > tbody > tr > td,
+.c25 > tfoot > tr > td {
padding: 8px 8px;
vertical-align: middle;
}
-.c16 > thead > tr > th:first-child,
-.c16 > tbody > tr > th:first-child,
-.c16 > tfoot > tr > th:first-child,
-.c16 > thead > tr > td:first-child,
-.c16 > tbody > tr > td:first-child,
-.c16 > tfoot > tr > td:first-child {
+.c25 > thead > tr > th:first-child,
+.c25 > tbody > tr > th:first-child,
+.c25 > tfoot > tr > th:first-child,
+.c25 > thead > tr > td:first-child,
+.c25 > tbody > tr > td:first-child,
+.c25 > tfoot > tr > td:first-child {
padding-left: 24px;
}
-.c16 > thead > tr > th:last-child,
-.c16 > tbody > tr > th:last-child,
-.c16 > tfoot > tr > th:last-child,
-.c16 > thead > tr > td:last-child,
-.c16 > tbody > tr > td:last-child,
-.c16 > tfoot > tr > td:last-child {
+.c25 > thead > tr > th:last-child,
+.c25 > tbody > tr > th:last-child,
+.c25 > tfoot > tr > th:last-child,
+.c25 > thead > tr > td:last-child,
+.c25 > tbody > tr > td:last-child,
+.c25 > tfoot > tr > td:last-child {
padding-right: 24px;
}
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
vertical-align: middle;
}
-.c16 > thead > tr > th {
+.c25 > thead > tr > th {
color: #FFFFFF;
font-weight: 600;
font-size: 14px;
@@ -13892,11 +13996,11 @@ exports[`loaded audit log screen 1`] = `
white-space: nowrap;
}
-.c16 > thead > tr > th svg {
+.c25 > thead > tr > th svg {
height: 12px;
}
-.c16 > tbody > tr > td {
+.c25 > tbody > tr > td {
color: #FFFFFF;
font-weight: 300;
font-size: 14px;
@@ -13904,18 +14008,18 @@ exports[`loaded audit log screen 1`] = `
letter-spacing: 0.035px;
}
-.c16 tbody tr {
+.c25 tbody tr {
transition: all 150ms;
position: relative;
border-top: 2px solid rgba(255,255,255,0.07);
}
-.c16 tbody tr:hover {
+.c25 tbody tr:hover {
border-top: 2px solid rgba(0,0,0,0);
background-color: #222C59;
}
-.c16 tbody tr:hover:after {
+.c25 tbody tr:hover:after {
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.12),0px 4px 5px 0px rgba(0,0,0,0.14),0px 2px 4px -1px rgba(0,0,0,0.20);
content: '';
position: absolute;
@@ -13926,7 +14030,7 @@ exports[`loaded audit log screen 1`] = `
height: 100%;
}
-.c16 tbody tr:hover + tr {
+.c25 tbody tr:hover + tr {
border-top: 2px solid rgba(0,0,0,0);
}
@@ -13940,6 +14044,14 @@ exports[`loaded audit log screen 1`] = `
margin-top: 4px;
}
+.c22 svg {
+ font-size: 20px;
+}
+
+.c22 svg:before {
+ padding-left: 1px;
+}
+
.c15 {
position: relative;
height: 100%;
@@ -13992,7 +14104,7 @@ exports[`loaded audit log screen 1`] = `
padding-left: 24px;
}
-.c18 {
+.c26 {
display: flex;
align-items: center;
min-width: 130px;
@@ -14002,113 +14114,138 @@ exports[`loaded audit log screen 1`] = `
white-space: nowrap;
}
-
+
-
+
+