Fix Blank TSDB Status Page (#8654)

* Check response and return alternate page if no statistics

Signed-off-by: Levi Harrison <git@leviharrison.dev>

* Added tests for alternate page

Signed-off-by: Levi Harrison <git@leviharrison.dev>

* Change error handling in unixToTime

Signed-off-by: Levi Harrison <git@leviharrison.dev>
This commit is contained in:
Levi Harrison 2021-03-26 15:47:54 -04:00 committed by GitHub
parent cceab6defa
commit 1b4e4aa81a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 58 additions and 1 deletions

View File

@ -51,6 +51,26 @@ const fakeTSDBStatusResponse: {
},
};
const fakeEmptyTSDBStatusResponse: {
status: string;
data: TSDBMap;
} = {
status: 'success',
data: {
headStats: {
numSeries: 0,
numLabelPairs: 0,
chunkCount: 0,
minTime: 9223372036854776000,
maxTime: -9223372036854776000,
},
labelValueCountByLabelName: [],
seriesCountByMetricName: [],
memoryInBytesByLabelName: [],
seriesCountByLabelValuePair: [],
},
};
describe('TSDB Stats', () => {
beforeEach(() => {
fetchMock.resetMocks();
@ -111,4 +131,35 @@ describe('TSDB Stats', () => {
}
});
});
it('No Data', async () => {
const mock = fetchMock.mockResponse(JSON.stringify(fakeEmptyTSDBStatusResponse));
let page: any;
await act(async () => {
page = mount(
<PathPrefixContext.Provider value="/path/prefix">
<TSDBStatus />
</PathPrefixContext.Provider>
);
});
page.update();
expect(mock).toHaveBeenCalledWith('/path/prefix/api/v1/status/tsdb', {
cache: 'no-store',
credentials: 'same-origin',
});
expect(page.find('h2').text()).toEqual('TSDB Status');
const headStats = page
.find(Table)
.at(0)
.find('tbody')
.find('td');
['0', '0', '0', 'Error parsing time (9223372036854776000)', 'Error parsing time (-9223372036854776000)'].forEach(
(value, i) => {
expect(headStats.at(i).text()).toEqual(value);
}
);
});
});

View File

@ -35,7 +35,13 @@ export const TSDBStatusContent: FC<TSDBMap> = ({
memoryInBytesByLabelName,
seriesCountByLabelValuePair,
}) => {
const unixToTime = (unix: number): string => new Date(unix).toISOString();
const unixToTime = (unix: number): string => {
try {
return new Date(unix).toISOString();
} catch {
return 'Error parsing time';
}
};
const { chunkCount, numSeries, numLabelPairs, minTime, maxTime } = headStats;
const stats = [
{ header: 'Number of Series', value: numSeries },