Отладка тестов кармы / жасмина с помощью Angular 2 в WebStorm

Question

Я пытаюсь отладить свои тесты Angular 2 в WebStorm (2016.3.2). Первым делом я попытался сделать это с помощью инструментов Chrome Dev, но на самом деле я не вижу файлов сценариев в источниках, чтобы можно было установить точку останова. Обратите внимание, что вы можете увидеть теги скрипта на странице HTML, но в Sources ничего нет.

Поэтому я немного покопался и обнаружил, что вы можете настроить WebStorm для запуска и отладки модульных тестов.

Тесты выполняются, но точка останова WebStorm никогда не срабатывает, и кажется, что что-то не так в том, что происходит. Очевидно, что раньше я не использовал WebStorm для запуска или отладки модульных тестов, поэтому я не знаю, как обычно выглядит.

Я уверен, что просто что-то упустил, но с таким количеством незнакомых технологий, которые собираются вместе, я не уверен, какую нить потянуть.

Answer 1

Я отредактировал свой конфигурационный файл кармы, чтобы включить файлы TS и файлы карт. Когда я устанавливаю их оба в значение include = false и запускаю их с терминала с помощью теста ng, окно Sources выглядит примерно так:

Это то, что я видел раньше, но это смутило меня, потому что я ожидал увидеть свои собственные файлы. Однако, если я буду искать в этом файле, я найду свой собственный код:

Это все еще не останавливается на точке разрыва, но это начало.

Когда я пытаюсь отладить его через Webstorm, он по-прежнему видит тип Mime как video / mp2t, поэтому я предполагаю, что он как-то мешает типам Mime, установленным в конфигурационном файле Karma.

Я задаюсь вопросом, строят ли разработчики, работающие над этим Framework, что-нибудь кроме Frameworks, поскольку на каждом шагу кажется, что они установили огромные, ненужные барьеры, чтобы реально видеть, что происходит в вашем приложении.

Обновить:

Похоже, что это ошибка, которая приходит и уходит в Angular-CLI. Кажется, сегодня находится в фазе "приходит".

Обновление 2

Вы можете найти файлы в папке webpack://, которая находится рядом с папкой localhost://. Логично предположить, что нужные вам файлы будут в видимом корне сайта, но это не так.