From c3e391d5427aba32829f6ff9ec98720ad3e52a3d Mon Sep 17 00:00:00 2001
From: Reinder Kraaij <kraaij@astron.nl>
Date: Fri, 29 Dec 2023 11:57:34 +0100
Subject: [PATCH] Fixes some visible non interactive elements warnings
---
.../tmss_webapp/src/components/ViewTable.js | 20 +++---
.../src/routes/Project/edit.test.js | 23 ++++---
.../src/tests/__snapshots__/app.test.js.snap | 68 ++++++++++---------
.../systemevent.list.test.js.snap | 12 ++--
4 files changed, 65 insertions(+), 58 deletions(-)
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js b/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js
index 730e4212a18..3d1b182f8fa 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/components/ViewTable.js
@@ -136,7 +136,7 @@ function DefaultColumnFilter({
};
return (
- <div className="table-filter" onClick={e => { e.stopPropagation() }} style={{marginRight: '5px'}}>
+ <div className="table-filter" onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }} style={{marginRight: '5px'}}>
<input
title={(tableToolTipsState[Header])?tableToolTipsState[Header]:"Enter few characters and press ‘Enter’ key to search"}
value={value} //***TO REMOVE - INCOMING CHANGE WAS value={filterValue || ''}
@@ -295,7 +295,7 @@ function SelectColumnFilter({
// Render a multi-select box
return (
- <div onClick={e => { e.stopPropagation() }}>
+ <div onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<select
title={(tableToolTipsState[Header])?tableToolTipsState[Header]:"Select a value from list to search"}
style={{
@@ -423,7 +423,7 @@ function MultiSelectColumnFilter({
// Render a multi-select box
return (
- <div onClick={e => { e.stopPropagation() }} >
+ <div onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<div className="flex " >
<div className="p-field-radiobutton" >
<RadioButton inputId="filtertype1" name="filtertype" value="Any"
@@ -543,7 +543,7 @@ function MultiSelectFilter({
// Render a multi-select box
return (
- <div onClick={e => { e.stopPropagation()}}>
+ <div onClick={e => { e.stopPropagation()}} onKeyDown={(e) => { e.preventDefault(); }}>
<div style={{ position: 'relative', display: 'flex'}} >
<MultiSelect data-testid="multi-select" id="multi-select" optionLabel="name" optionValue="value" filter //={!doServersideFilter}
value={value}
@@ -599,7 +599,7 @@ function SliderColumnFilter({
});
return (
- <div onClick={e => { e.stopPropagation() }} className="table-slider">
+ <div onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }} className="table-slider">
<Slider value={value}
onChange={(e) => {
setFilter(e.value); setValue(e.value);
@@ -721,7 +721,7 @@ function DateRangeColumnFilter({
}
};
return (
- <div className="table-filter" onClick={e => { e.stopPropagation() }}>
+ <div className="table-filter" onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<Calendar selectionMode="range" value={filterValue} appendTo={document.body}
placeholder="Range"
onChange={(e) => {
@@ -798,7 +798,7 @@ function FlatpickrRangeColumnFilter({
}
};
return (
- <div className="table-filter" onClick={e => { e.stopPropagation() }}>
+ <div className="table-filter" onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<Flatpickr data-enable-time data-input className="flatpickr-range-filter"
options={{ "inlineHideInput": true,
"wrap": true,
@@ -902,7 +902,7 @@ function CalendarColumnFilter({
}
};
return (
- <div className="table-filter" onClick={e => { e.stopPropagation() }}>
+ <div className="table-filter" onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<Calendar value={filterValue} appendTo={document.body} dateFormat="yy-mm-dd"
onChange={(e) => {
const value = moment(e.value).format('YYYY-MM-DD')
@@ -971,7 +971,7 @@ function DateTimeColumnFilter({
}
};
return (
- <div className="table-filter" onClick={e => { e.stopPropagation() }}>
+ <div className="table-filter" onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<Calendar value={value} appendTo={document.body} dateFormat="yy/mm/dd"
onKeyUp={(e) => {
if (e.key === "Enter" && doServersideFilter) {
@@ -1690,7 +1690,7 @@ function DurationRangeFilterWithDays({
alignItems: 'center'
}}
>
- <div onClick={e => { e.stopPropagation() }} >
+ <div onClick={e => { e.stopPropagation() }} onKeyDown={(e) => { e.preventDefault(); }}>
<div >
<Dropdown optionLabel="name" optionValue="name"
tooltip="Select the Duration filter type to search"
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/edit.test.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/edit.test.js
index aa705484142..ae7c8912eec 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/edit.test.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Project/edit.test.js
@@ -205,16 +205,18 @@ it("save Project after editing fields", async () => {
expect(rankInput.value).toBe("2");
const trigger = content.getAllByLabelText(/trigger/i).filter((element) => { return element.id === "trigger" })[0];
+ await act(async () => {
fireEvent.click(trigger);
+ });
expect(trigger.hasAttribute("checked")).toBeTruthy();
-
- fireEvent.click(screen.getAllByText("Select Project Category")[0].parentElement.parentElement.parentElement.children[3]);
+ await act(async () => {
+ fireEvent.click(screen.getAllByText("Select Project Category")[0].parentElement.parentElement.parentElement.children[3]);
+ });
const projCatInput = screen.getAllByText("User Shared Support")[0];
- await act(async () => {fireEvent.click(projCatInput); });
- // After selecting Project Category
- //await waitFor (() => { expect(content.getByText('Select Project Category')).toBeInTheDocument() } );
+ await act(async () => { fireEvent.click(projCatInput); });
+
expect(content.queryByTestId("project-cat")).toBeInTheDocument();
- await waitFor (() => expect(content.queryAllByText('Regular').length).toBe(1));
+ await waitFor(() => expect(content.queryAllByText('Regular').length).toBe(1));
expect(content.queryAllByText('User Shared Support').length).toBe(3);
await act(async () => {
fireEvent.click(screen.getAllByText("Select Period Category")[0].parentElement.parentElement.parentElement.children[3]);
@@ -232,6 +234,7 @@ it("save Project after editing fields", async () => {
const newCycleInput = screen.getAllByText("Cycle 0")[0];
await act(async () => { fireEvent.click(oldCycleInput); });
await act(async () => { fireEvent.click(newCycleInput); });
+
// After selecting Cycle
expect(content.queryAllByText('Cycle-0').length).toBe(1);
expect(content.queryAllByText('Cycle 0').length).toBe(1);
@@ -273,7 +276,7 @@ it("save Project after adding, modifying and deleting resources", async () => {
expect(content.queryByText("Project - Edit")).not.toBe(null);
expect(content.queryByText("OSR-11")).not.toBe(null);
- await waitFor( () => screen.getAllByText("Add Resources"));
+ await waitFor(() => screen.getAllByText("Add Resources"));
let addedresurceschild = screen.getAllByText("Add Resources")[0].parentElement.parentElement.parentElement.children[3];
@@ -283,9 +286,9 @@ it("save Project after adding, modifying and deleting resources", async () => {
await act(async () => { fireEvent.click(addResourceInput); });
// After selecting New Resource
expect(content.queryAllByText('CEP Storage').length).toBe(3);
- await waitFor (() =>expect(content.queryAllByText('Add Resources').length==1));
-
-
+ await waitFor(() => expect(content.queryAllByText('Add Resources').length == 1));
+
+
const addResourceBtn = content.queryByTestId('add_res_btn');
await act(async () => { fireEvent.click(addResourceBtn); });
expect(content.queryAllByText('Add Resources').length).toBe(2);
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
index 43caaff8baf..9863ac3f870 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
@@ -522,32 +522,33 @@ exports[`App renders the App component with Valid Credentials: After Logout 1`]
<div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
<div style=\\"width: 150px;\\">
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-28\\" target=\\"_new\\"> Dec 28 - Thu </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
</div>
</div>
</div>
<div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
<div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
+ <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.93130707531337px; z-index: 998;\\"></div>
<div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54150.62674336509px; width: -54750.63368788991px; height: 280px;\\"></div>
+ <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
</div>
<div class=\\"rct-horizontal-lines\\">
<div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -938,32 +939,33 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
<div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
<div style=\\"width: 150px;\\">
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-28\\" target=\\"_new\\"> Dec 28 - Thu </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
</div>
</div>
</div>
<div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
<div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
+ <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
<div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54150.62674336509px; width: -54750.63368788991px; height: 280px;\\"></div>
+ <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
</div>
<div class=\\"rct-horizontal-lines\\">
<div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -1342,32 +1344,33 @@ exports[`App renders the App component with Valid Credentials: After Menu Toggle
<div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
<div style=\\"width: 150px;\\">
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-28\\" target=\\"_new\\"> Dec 28 - Thu </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
</div>
</div>
</div>
<div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
<div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
+ <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
<div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54150.62674336509px; width: -54750.63368788991px; height: 280px;\\"></div>
+ <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
</div>
<div class=\\"rct-horizontal-lines\\">
<div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
@@ -1746,32 +1749,33 @@ exports[`App renders the App component with Valid Credentials: After Menu item c
<div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
<div style=\\"width: 150px;\\">
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-28\\" target=\\"_new\\"> Dec 28 - Thu </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-29\\" target=\\"_new\\"> Dec 29 - Fri </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">52</span><a href=\\"/constraint/view/2023-12-30\\" target=\\"_new\\"> Dec 30 - Sat </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2023-12-31\\" target=\\"_new\\"> Dec 31 - Sun </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-01\\" target=\\"_new\\"> Jan 01 - Mon </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-02\\" target=\\"_new\\"> Jan 02 - Tue </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
</div>
<div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-03\\" target=\\"_new\\"> Jan 03 - Wed </a></div>
+ <div class=\\"group-renderer\\"><span class=\\"week\\">1</span><a href=\\"/constraint/view/2024-01-04\\" target=\\"_new\\"> Jan 04 - Thu </a></div>
</div>
</div>
</div>
<div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
<div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
+ <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -64.92957094410815px; z-index: 998;\\"></div>
<div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54150.62674336509px; width: -54750.63368788991px; height: 280px;\\"></div>
+ <div class=\\"rct-vl \\" style=\\"pointer-events: none; top: 0px; left: 54300.62847949629px; width: -54750.63368788991px; height: 280px;\\"></div>
</div>
<div class=\\"rct-horizontal-lines\\">
<div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
index 68b9a3b76fa..9febebcea3e 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap
@@ -1521,7 +1521,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
@@ -1530,7 +1530,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
@@ -1691,7 +1691,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
@@ -1700,7 +1700,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
@@ -1861,7 +1861,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
@@ -1870,7 +1870,7 @@ exports[`Systen Event List System Event Renders correctly with data 1`] = `
<div
style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;"
>
- 2023-12-28 00:07:29
+ 2023-12-29 11:23:40
</div>
</td>
<td
--
GitLab