Скрипт отображает контент внизу страницы, а не в том месте где вставлен код скрипта. Как поправить?

А ещё непонятно как местоположение скрипта влияет на местоположение карты.

Как написать часть кода с скрытием слов для Anki?

в коде ничего не понимаю

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

Как подходят к автотестам?

1. Юнит тесты с виртуальным DOM

но неточные, дают малое покрытие

Почему неточные? Почему малое покрытие?

При любом малейшем рефакторинге - придётся переписывать тесты.

Ну нет же... Более того, если они не проходят, то, скорее всего, ты что-то сломал при рефакторинге.

Как подходят к автотестам?

Мне это показалось достаточно странным подходом, тем более, что существуют такие штуки как Jest и подобные.

А причём здесь юнит тесты? Одно не исключает другое вот вообще никак.

что обычно реализовывают для этого фронтендеры

То, что просят автотестеры. Обычно достаточно прописывать data-testid, всё равно его в юнит тестах использовать нередко приходится.
Но вообще они и к классам привязаться могут.

Как получить момент когда весь контент страницы по-настоящему загружен в React?

useEffect?

Как замокать useState в vi тесте react?

Ты не должен мокать юзСтейт, юзЭффект и прочее. Смысл тестирования теряется.

Почему vs code выдаёт такое?

Можешь им баг запилить.

Об этом известно уже как минимум 3 года.)

Почему vs code выдаёт такое?

Если у тебя проблемы с вскодом, то какой тег НЕнадо ставить? Очевидно, Visual Studio Code.

Почему vs code выдаёт такое?

https://stackoverflow.com/questions/65379554/why-d...

Как замокать конкретную переменную из хука useState в тестируемом компоненте?

Дмитрий Путилов, нет, не подскажу. Я серьёзно должен объяснять что такое пропсы в реакте?

Не работает терминал VS Code, не правильное имя пользователя, как исправить?

Может таки "Полина"?

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, так это ещё и на старом роутере.) Тогда точно забей.)

Как замокать конкретную переменную из хука useState в тестируемом компоненте?

насколько я помню, методы getBy* кидают ошибку, если элемент не найден, в отличие от findBy*

Нет. findBy — это getBy, обёрнутый в waitFor (то есть асинхронный).
Ошибку не кидает queryBy.

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, хз, с юзПарамс никогда проблем не испытывал. А ты точно реактовские линки и/или юзНавигейт использовал?

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, хм, несталкивался с подобным. Впрочем, в реакт роуте хук useRoute в принципе отсутствует.)))

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, а в чём разница с реактовским? Я поверхностно глянул и на вид всё тоже самое +-.

Как накинуть условие на длину массива в типе?

vegetableeeeeeee, тогда никак. Вернее можно и так, как тебе в ответе написали (и нетолько), но гемора будет столько, что быстро всё вернёшь как было.

Как накинуть условие на длину массива в типе?

Длина фиксированная? Какая?

Где должны храниться файлы с тестами в модульной и FSD архитектуре Front-end?

В папке __tests__ на том же уровне, что и тестируемый файл. Локальные моки там же, глобальные для пекеджей согласно документации библиотеки для тестирования, а свои глобальные уже смотреть надо, в фсд можно в шейрд запихнуть.

Как решить проблему с рендером в тестах с асинхронным кодом?

const ListItemsTemplate = await screen.findByTestId("ListItemsTemplate");
expect(ListItemsTemplate).toBeInTheDocument();

Кстати, бесполезная проверка. Файнд кидает ошибку, если ничего не нашёл. Или нашёл больше одного.

const clipsAudioItems = await screen.findAllByTestId("clips/audioItem");
expect(clipsAudioItems.length).toBe(5);

А тут высока вероятность ошибки, потому что если успело подгрузиться 3 элемента, к примеру, а не 5, то будет ошибка, даже если через долю секунды их будет 5. Посему поиск и проверку лучше делать в вейтФор.