mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2024-11-12 16:44:05 -08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

add global mock for the matchMedia function

Browse source 
Signed-off-by: Augustin Husson <husson.augustin@gmail.com>
This commit is contained in:
Augustin Husson 2021-09-08 17:24:54 +02:00
parent 05b9a11a62
commit af7aab7937
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/ui/react-app/src/hooks/useMedia.ts
View file

@ -9,7 +9,7 @@ const useMedia = (query: string): boolean => {
const handler = () => setMatches(mediaQuery.matches); const handler = () => setMatches(mediaQuery.matches);
mediaQuery.addEventListener('change', handler); mediaQuery.addEventListener('change', handler);
return () => mediaQuery.removeEventListener('change', handler); return () => mediaQuery.removeEventListener('change', handler);
}, []); }, [mediaQuery]);
return matches; return matches;
}; };

3
web/ui/react-app/src/pages/graph/Graph.test.tsx
View file

@ -10,7 +10,7 @@ describe('Graph', () => {
jest.spyOn(window, 'requestAnimationFrame').mockImplementation((cb: any) => cb()); jest.spyOn(window, 'requestAnimationFrame').mockImplementation((cb: any) => cb());
}); });
// fix coming from https://github.com/maslianok/react-resize-detector#testing-with-enzyme-and-jest // Source: https://github.com/maslianok/react-resize-detector#testing-with-enzyme-and-jest
beforeEach(() => { beforeEach(() => {
window.ResizeObserver = jest.fn().mockImplementation(() => ({ window.ResizeObserver = jest.fn().mockImplementation(() => ({
observe: jest.fn(), observe: jest.fn(),
@ -22,6 +22,7 @@ describe('Graph', () => {
afterEach(() => { afterEach(() => {
window.ResizeObserver = ResizeObserver; window.ResizeObserver = ResizeObserver;
}); });
describe('data is returned', () => { describe('data is returned', () => {
const props: any = { const props: any = {
queryParams: { queryParams: {

16
web/ui/react-app/src/setupTests.ts
View file

@ -10,6 +10,22 @@ const customGlobal: GlobalWithFetchMock = global as GlobalWithFetchMock;
customGlobal.fetch = require('jest-fetch-mock'); customGlobal.fetch = require('jest-fetch-mock');
customGlobal.fetchMock = customGlobal.fetch; customGlobal.fetchMock = customGlobal.fetch;
// https://stackoverflow.com/questions/39830580/jest-test-fails-typeerror-window-matchmedia-is-not-a-function
// https://jestjs.io/docs/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
Object.defineProperty(window, 'matchMedia', {
writable: true,
value: jest.fn().mockImplementation((query) => ({
matches: false,
media: query,
onchange: null,
addListener: jest.fn(), // Deprecated
removeListener: jest.fn(), // Deprecated
addEventListener: jest.fn(),
removeEventListener: jest.fn(),
dispatchEvent: jest.fn(),
})),
});
// CodeMirror in the expression input requires this DOM API. When we upgrade react-scripts // CodeMirror in the expression input requires this DOM API. When we upgrade react-scripts
// and the associated Jest deps, hopefully this won't be needed anymore. // and the associated Jest deps, hopefully this won't be needed anymore.
document.getSelection = function () { document.getSelection = function () {