Skip to content

Instantly share code, notes, and snippets.

@maapteh

maapteh/mocked-viewport-provider.jsx

Created January 26, 2022 20:57
Show Gist options
  • Save maapteh/45b24ddfa0c842b899845fb3c300c093 to your computer and use it in GitHub Desktop.
Save maapteh/45b24ddfa0c842b899845fb3c300c093 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mocked-viewport-provider.jsx
import React, { ReactNode } from 'react';
import { Viewport } from '@lib/types';
import { ViewportContext } from '../hooks/use-viewport/use-viewport';
type TMockedViewportProps = {
children: ReactNode;
viewport?: Viewport;
};
const MockedViewportProvider = ({
children,
viewport = Viewport.lg,
}: TMockedViewportProps) => (
<ViewportContext.Provider value={viewport}>
{children}
</ViewportContext.Provider>
);
export {
/** for testing purposes only, you can set the viewport for your testscenario */
MockedViewportProvider,
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment