test: TTL-886 add time zone tests

src/app/modules/reports/components/time-entries-table/time-entries-table.component.html

@@ -7,6 +7,7 @@
     [dtTrigger]="dtTrigger"
     [dtOptions]="dtOptions"
     *ngIf="reportDataSource$ | async as dataSource"
+    id="time-entries-table"
   >
     <thead class="thead-blue">
       <tr class="d-flex">

src/app/modules/reports/components/time-entries-table/time-entries-table.component.spec.ts

@@ -30,6 +30,7 @@ describe('Reports Page', () => {
       uri: 'custom uri',
       project_id: '123',
       project_name: 'Time-Tracker',
+      timezone_offset: 300,
     };
 
     const timeEntryList: Entry[] = [
@@ -253,6 +254,25 @@ describe('Reports Page', () => {
       });
     });
 
+    it('Should render column header called Time Zone', () => {
+      const table = document.querySelector('table#time-entries-table');
+      const tableHeaderElements = Array.from(table.getElementsByTagName('th'));
+      const tableHeaderTitles = tableHeaderElements.map(element => (element.textContent));
+      expect(tableHeaderTitles).toContain('Time zone');
+    });
+
+    it('Should render a cell content with UTC text', () => {
+      const TIME_ZONE_CELL_NUMBER = 7;
+      const TABLE_ROW_NUMBER = 1;
+      const table = document.querySelector('table#time-entries-table');
+      const arrayTableRows = Array.from(table.getElementsByTagName('tr'));
+      const tablerow = arrayTableRows[TABLE_ROW_NUMBER];
+      const cells = Array.from(tablerow.getElementsByTagName('td'));
+      const cell = cells[TIME_ZONE_CELL_NUMBER].textContent;
+      expect(cell).toContain('UTC-5');
+    });
+
+
     afterEach(() => {
       fixture.destroy();
     });

src/app/modules/shared/models/entry.model.ts

@@ -15,6 +15,7 @@ export interface Entry {
 
   customer_id?: string;
   customer_name?: string;
+  timezone_offset?: number;
 }
 
 export interface NewEntry {