charlesy712/headcount-2.0

headcount-2.0's Issues

Extension 1

Implement more pages utilizing more data such as enrollment, test scores, dropout rates, graduation rates, remediation, household incomes, and special education.

Instructions on how to remove compare

No instructions were provided to the user on how to remove the cards from the comparison. Update with better directions.

Jest Test Error

Aftering installing react-media to use media queries, the first test in App.test.js breaks.

it('renders without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(, div);
});

The error points to line 67:

{matches =>
matches ? (

Welcome to Headcount

) : (

Welcome to Headcount

)
}

The error provides a few directions.

FAIL src/App/App.test.js
● Console

console.error node_modules/react-dom/cjs/react-dom.development.js:9747
  The above error occurred in the <Media> component:
      in Media (at App.js:67)
      in div (at App.js:66)
      in App (at App.test.js:19)

  Consider adding an error boundary to your tree to customize error handling behavior.
  Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

● App › renders without crashing

Invariant Violation: <Media targetWindow> does not support `matchMedia`.

Having gone to the link provided and read up on error boundries, I am still uncertain on how to fix this error.