LJ322

Задайте overflow элементу, в котором необходимо скроллить контент

price.dataset.total = parseInt(startPrice.replaceAll(' ', ''));

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

function podium(blocks) {
    let first = Math.floor(blocks / 2);
    let rest = blocks - first;
    let third = rest % 2 === 0 ? 2 : 1;
    let second = rest - third;
    return [second, first, third];
}

Конкретно клик по стрелочке не получится обработать, но можно сделать обработчик для направления скролла, если нужно

Потому что ваша анимация предполагает, что весь блок должен скрыться за левой частью экрана (он в вашем случае занимает 100% ширины экрана). Задайте span ширину по умолчанию, а в анимацию добавьте 100vw, вместо 100%, чтобы блок изначально был за правым краем вьюпорта

.marquee { text-align:left; width:auto; overflow:hidden; white-space: nowrap; }
.marquee span { display:inline-block; width:auto; text-indent:0; animation: marquee 5s linear infinite; }

@keyframes marquee {
    0%  { transform: translate(100vw, 0); }
    100% { transform: translate(-100%, 0); }
}

Чаще всего такую фильтрацию делают через чекбоксы. Можете сделать по аналогии, только с заменой поиска на чекбоксы

У вас все элементы по клику на кнопку закрываются, а потом срабатывает toggle на выбранном, поэтому он не закрывается. Самый простой вариант - toggle для совпадающих id, а remove для остальных

autoContents.forEach(content => {
				let attr = btn.getAttribute("data-id");
				if (content.getAttribute("data-id") == attr) {
					btn.classList.toggle('_active')
					content.classList.toggle("_active");
				} else {
          content.classList.remove("_active");
        }
			});

upd. Сократил решение

Typescript подключается либо через vue-cli при создании проекта, либо можно добавить в уже созданный проект через менеджер пакетов. Как вам удобно
https://vuejs.org/guide/typescript/overview.html#o...

почитайте плиз, что ваш метод возвращает. Вы у списка пытаетесь свойство изменить, а не у элемента

Код внутри new Promise обрабатывается вместе с синхронным кодом ( 2 -> 6 ), всё что в then попадает в очередь микрозадач и выполняется после синхронного кода ( 3 -> 8 ), потом идут таймауты ( 1 -> 4 -> 7 ).

А вообще вот - promise и event loop
Пересказывать нет смысла

Я редко когда слышал о тесте непосредственно вёрстки, а там где она была, то тестили снепшотами какие-то отдельные статические части.

Я полюбил тесты после того, когда лично убедился, что они в разы облегчают отладку и поддержку кода. Допустим есть какой-то компонент, который в процессе разработки растёт и увеличивается. Сначала он простой и там надо смотреть как меняется пара значений в зависимости от пары аргументов. Затем он расширяется и начинает взаимодействовать с другими компонентами. И вот со временем получается большая структура с тысячей аргументов и сотнями состояний (в общем). Например функционал оформления кредита в банке, состоящий из 5 шагов. Под него написаны тесты. И вам надо внедрить новое свойство на 2 шаге, которое будет ещё в 3 местах менять другие значения. Запуская тесты, вы либо видите, что всё ок, либо видите на каком этапе что отвалилось. И не приходится в ручную перебирать всевозможные варианты

Так же тесты помогают лучше понять какую задачу выполняет код (хорошие тесты могут заменить документацию)