React test snippet

rf.code-snippets

"React test": {
        "prefix": "rtest",
        "body": [
          "import * as React from 'react';",
          "import { createStore } from 'redux';",
          "import { render, screen } from '@testing-library/react';",
          "import '@testing-library/jest-dom/extend-expect';",
          "",
          "import { Provider } from 'react-redux';",
          "import { state } from '../../../../store/root-reducer';",
          "",
          "import $1 from './${TM_FILENAME/\\.test\\.tsx$|/${1}${2}/g}';",
          "",
          "//",
          "// yarn test ${TM_DIRECTORY/.*(?=src)/$1/}/${TM_FILENAME} --coverage --collectCoverageOnlyFrom=${TM_DIRECTORY/.*(?=src)/$1/}/${TM_FILENAME/\\.test\\.tsx$|/${1}${2}/g}.tsx",
          "//",
          "describe('$1 Component', () => {",
          "",
          "    it('Mounts the component', () => {",
          "        const store = createStore(state);",
          "        render(",
          "            <Provider store={store}>",
          "                <$1 />",
          "            </Provider>",
          "        );",
          "",
          "        console.log(screen.logTestingPlaygroundURL());",
          "        //expect(screen.queryByRole('heading', { name: /my title/i })).toBeInTheDocument();",
          "    });",
          "});"
        ],
        "description": "React test"
      },