Неожиданный идентификатор Jest Vue SVG - PullRequest
Новая
       4

Неожиданный идентификатор Jest Vue SVG

0 голосов
/ 10 января 2020

У меня была эта ошибка во время запуска jest на моем Vue. Я запускаю команду jest и получаю сообщение об ошибке ниже.

Если я удаляю элемент svg в компоненте. Работает нормально

Сообщение об ошибке 

 FAIL  test/Header.spec.js
  ● Test suite failed to run

    /Users/jakzaizzat/Code/taiger/kwa/kcp-admin-ui/node_modules/@babel/runtime-corejs2/helpers/esm/defineProperty.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import _Object$defineProperty from "../../core-js/object/define-property";
                                                                                                    ^^^^^^^^^^^^^^^^^^^^^^

    SyntaxError: Unexpected identifier

      19 |             />
      20 |             <path
    > 21 |               d="M15.9999 0L0 8.5541V8.77758V27.0448L16.0001 35.5984L32 27.045V8.5541L15.9999 0ZM16.4239 25.007L18.6367 26.3025L21.1325 24.9877L21.5461 25.7729L18.614 27.3176L15.9848 25.7781L13.3554 27.3176L10.4233 25.7729L10.8369 24.9877L13.3325 26.3025L15.5364 25.0122L15.5358 22.9129L10.7279 19.9154V16.1301L4.71654 13.6018L5.06044 12.7836L11.6154 15.5405V19.1554H20.353V15.5405L26.908 12.7836L27.2519 13.6018L21.2407 16.1301V19.9155L16.4231 22.9197L16.4239 25.007Z"
         |                                               ^
      22 |               fill="white"
      23 |             />
      24 |           </svg>

Header.spe c. js

import Header from "../src/components/shared/Card.vue";
import {mount} from "@vue/test-utils";

describe('Header.vue', () => {
    test('render header navigation', () => {
        const wrapper = mount(Header);
        expect(wrapper.isVueInstance()).toBeTruthy()
    });
});

Заголовок. vue

<div class="px-4">
        <router-link
          to="/"
          class="logo"
        >
          <svg
            width="32"
            height="36"
            viewBox="0 0 32 36"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M15.9849 22.1472L19.3588 20.043H12.6101L15.9849 22.1472Z"
              fill="white"
            />
            <path
              d="M15.9999 0L0 8.5541V8.77758V27.0448L16.0001 35.5984L32 27.045V8.5541L15.9999 0ZM16.4239 25.007L18.6367 26.3025L21.1325 24.9877L21.5461 25.7729L18.614 27.3176L15.9848 25.7781L13.3554 27.3176L10.4233 25.7729L10.8369 24.9877L13.3325 26.3025L15.5364 25.0122L15.5358 22.9129L10.7279 19.9154V16.1301L4.71654 13.6018L5.06044 12.7836L11.6154 15.5405V19.1554H20.353V15.5405L26.908 12.7836L27.2519 13.6018L21.2407 16.1301V19.9155L16.4231 22.9197L16.4239 25.007Z"
              fill="white"
            />
          </svg>
        </router-link>
      </div>

Есть идеи, что является причиной этой проблемы?

...