Как решить проблему дружбы puppeteer и typescript?

Question

[studentLesson]

Добрый день! Может кто-то сталкивался с подобным: Есть тесты написанные на puppeteer и есть некий модуль-обвязка над обычным "typograf"(npm i typograf), который написан на Typescript. Я хочу подключить к тестам типограф, но puppeteer ругается в консоли на функцию написанную на TS.
Функция:

declare function T(strings: TemplateStringsArray, ...args: any[]): string;

Если использовать типограф в любом тесте например вот так:
T`Проверьте имя`,
то получаю ошибку
ReferenceError: T is not defined

Может кто добавлял какой-то доп.конфиг или ставил что-то дополнительно? Заранее спасибо!

Comments

[Василий Банников]

А точно ли есть такая функция?
Она заимпортирована?
В стандартном типографе такого нет:
https://github.com/typograf/typograf/blob/HEAD/doc...

И при чём тут пупитр?

[studentLesson]

Василий Банников, ну тесты написаны с помощью пупитир, функция написанная не пакетная

[Василий Банников]

studentLesson, она где и на чём написана? Она заимпорчена?

[studentLesson]

Василий Банников, использую типограф не стандартный https://github.com/funbox/babel-plugin-typograf/bl..., очень кстати удобный!

[Василий Банников]

studentLesson, а, получается это не обычная функция, а какая-то штука для бабеля.
Получается, перед запуском тестов, надо ещё запустить бабель с этим плагином

[studentLesson]

Василий Банников, да , так и есть

[Василий Банников]

studentLesson, а он запускается перед тестами? Раз вызов этой функции не исчез -значит что-то в конфиге не то.
И вообще зачем типограф в тестах?

[studentLesson]

Василий Банников,

И вообще зачем типограф в тестах?

Удобно вот что, если в приложении на ошибку приходит типографированный текст: "Произошла ошибка", (ну это образно)то в таком случае нужно проверять в тестах к примеру вот так:
Произошла ошибка

Раз вызов этой функции не исчез -значит что-то в конфиге не то.

Здесь не понял, а куда бы он исчез? Если я её в тестовом файле запускаю

[Василий Банников]

studentLesson, ну просто раз это плагин для babel, то он должен пройтись по файлам и заменить T`...` на что-то другое, тк на самом деле такой функции нет.
Вот буквально из описания плагина:

// Source string
T`Formatted "string".  `;

// Typografed string
// Tagged template with tag `T` is converted to a regular template literal
`Formatted “string”.`;

Но раз падает ошибка, значит babel не заменил

[studentLesson]

Василий Банников, так, спасибо! Логично, буду пробовать копать бабель

[studentLesson]

Василий Банников, Добрый день! Если на связи, хотел спросить )
Да у меня беда с бабелем, теперь что-бы это всё решить мне нужно скомпилировать каждый файл перед дальнейшим его запуском. Есть такая штука как , там вроде написано, что можно управлять всем этим делом так:
В начале файла (по которому нужно пройтись бабелем) мне нужно указать вот так:
require("@babel/register");

И вот далее на примере моего пакета нужно будет указать плагин, который мне нужно запустить при компиляции:

require("@babel/register")

require("@funboxteam/babel-plugin-typograf");

но это не работает, ошибка T сохраняется..
Если вынести плагины в отдельный файл, потом подключать его также при помощи require, картина та же.
Может что-то не так делаю?

[Василий Банников]

studentLesson, не достаточно просто реквайр добавить.
Надо ещё бабель запустить - обычно это делается через вебпак

[Василий Банников]

studentLesson, посмотри это
https://medium.com/@pranavwaikar/writing-unit-test...

[studentLesson]

Василий Банников, А если мне не нужно собирать сборку вебпаком, я же могу как-то запустить через script на определенную команду бабель без вебпак?
Например вот так:

"scripts": {
    "test": "npx babel  и путь до файла",
  },

но у меня файлы лежат в директории и если я указываю путь до папки, то так ошибки сохраняются...

Answer 1

[Василий Банников]

Кажется, у вас бабель криво настроен.
Вот описание используемого плагина - он после сборки должен убирать T-функцию, чего очевидно не произошло.

// Source string
T`Formatted "string".  `;

// Typografed string
// Tagged template with tag `T` is converted to a regular template literal
`Formatted “string”.`;

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