react-media-query-hoc/test/utils/get-match-media-mock.js

A dead simple React Higher Order Component (HOC) that uses context for matching media queries

import cssMediaQuery from 'css-mediaquery';

export default (config) => {
  const listeners = {};
  return {
    update: (newConfig) => Object.keys(listeners).forEach((media) => {
      listeners[media].forEach((listener) => listener({ matches: cssMediaQuery.match(media, newConfig), media }));
    }),
    matchMedia: (media) => {
      listeners[media] = [];
      return {
        matches: cssMediaQuery.match(media, config),
        media,
        addListener: (listener) => { listeners[media].push(listener); },
        removeListener: () => {},
      };
    },
  };
};