title: TypeError: Cannot read properties of undefined (reading 'html')
body: <p>I am trying to introduce Jest to my current project.</p>
  <p>However, during the initial setup, I encountered this error and it is not running properly.</p>
  <p>How can I solve this?</p>
  <p>I am currently using vue2 from vue-cli.</p>
  <pre><code>● Test suite failed to run
  
      TypeError: Cannot read properties of undefined (reading 'html')
  
        at new JSDOMEnvironment (node_modules/jest-environment-jsdom/build/index.js:72:44)
        at async TestScheduler.scheduleTests (node_modules/@jest/core/build/TestScheduler.js:317:13)
        at async runJest (node_modules/@jest/core/build/runJest.js:407:19)
        at async _run10000 (node_modules/@jest/core/build/cli/index.js:338:7)
        at async runCLI (node_modules/@jest/core/build/cli/index.js:190:3)
  </code></pre>
  <p>This is my test code.</p>
  <pre><code>import SettlementProcessing from &quot;@/views/calculate/SettlementProcessing.vue&quot;;
  import { shallowMount } from &quot;@vue/test-utils&quot;;
  import Vuetify from &quot;vuetify&quot;;
  describe(&quot;Settlement Component&quot;, () =&gt; {
    let vuetify;
    beforeEach(() =&gt; {
      vuetify = new Vuetify();
    });
    it(&quot;정산 처리 타이틀이 나와야 한다.&quot;, () =&gt; {
      const sc = shallowMount(SettlementProcessing, { vuetify });
      expect(true).toBe(true);
    });
  });
  </code></pre>
  <p>Here is my package.json.</p>
  <pre><code>&quot;devDependencies&quot;: {
      &quot;@vue/cli-plugin-babel&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/test-utils&quot;: &quot;^2.0.0-rc.21&quot;,
      &quot;babel-core&quot;: &quot;^7.0.0-bridge.0&quot;,
      &quot;babel-jest&quot;: &quot;^28.1.0&quot;,
      &quot;jest&quot;: &quot;^28.1.0&quot;,
      &quot;vue-cli-plugin-vuetify&quot;: &quot;~2.4.0&quot;,
      &quot;vue-jest&quot;: &quot;^3.0.7&quot;,
    }
  </code></pre>
  <p>Here is my jest.config.json.</p>
  <pre><code>// jest.config.js
  module.exports = {
    preset: &quot;@vue/cli-plugin-unit-jest&quot;,
    moduleFileExtensions: [
      &quot;js&quot;,
      &quot;json&quot;,
      &quot;vue&quot;,
    ],
    transform: {
      &quot;^[^.]+.vue$&quot;: &quot;vue-jest&quot;,
      &quot;^.+\\.js$&quot;: &quot;babel-jest&quot;,
    },
    moduleNameMapper: {
      &quot;^@/(.*)$&quot;: &quot;&lt;rootDir&gt;/src/$1&quot;,
    },
    testMatch: [
      &quot;**/__tests__/**/*.[jt]s?(x)&quot;,
      &quot;**/?(*.)+(spec|test).[jt]s?(x)&quot;,
    ],
    testPathIgnorePatterns: [&quot;/node_modules/&quot;, &quot;/dist/&quot;],
    collectCoverage: false,
    collectCoverageFrom: [&quot;**/*.{js,vue}&quot;, &quot;!**/node_modules/**&quot;],
  };
  </code></pre>
  <p>How can I solve this??</p>