chore: add setup for tests

[vickyyyyyyy]

Basic set up for tests.

Ran into a bunch of issues related to the test config setup while adding tests so thought it would be good to have this as a separate PR to isolate this out.

Tested the test config with basic test (the test is not included in the PR because it was just for testing):

The config fixes the following errors:

• Canvas not implemented error (some UI components require this)
  

Solution: use jest-canvas-mock in our jest config (example copied from grafana)

• When trying to import a UI component that uses hooks:
  

Solution: ensure we are using only one version of React (done in the moduleNameWrapper) of the jest config

• Parsing import statements
  

Solution: use @babel/preset-env

• Some issue with jsx
  

Solution: use @babel/preset-react

• Parsing interface keyword
  

Solution: use @babel/preset-typescript

Other than the above, also added:

• @testing-library/react
• ts-jest

[srclosson]

Love the very thorough commenting and description Vicky! I'm approving, but would really like to see an actual test case? Or perhaps a couple of examples that devs could copy/paste?

[vickyyyyyyy]

Love the very thorough commenting and description Vicky! I'm approving, but would really like to see an actual test case? Or perhaps a couple of examples that devs could copy/paste?

added this in now: https://github.com/grafana/ui-enterprise/pull/6/files#diff-ef8720d9b89d69da32936aeb4b884741df3e77043cecec6ce47ff72d7aaf91a6 😎