Как победить ошибку act в react testing library?

it("button should be enabled when checkbox is checked and other way around", async () => {
    render(<SummaryForm />);

    const checkbox = screen.getByRole("checkbox", {
      name: /terms and conditions/i,
    });
    const button = screen.getByRole("button", {
      name: /confirm order/i,
    });

    await userEvent.click(checkbox);

    expect(checkbox).toBeChecked();
    expect(button).toBeEnabled();

    await userEvent.click(checkbox);

    expect(checkbox).not.toBeChecked();
    expect(button).toBeDisabled();
  });

Я уже пробовал поменять на такое, но ошибки в консоли остаются

Как сделать блок с картинкой с aspect-ratio с текстовым контентом справа, чтобы при уменьшении ширины viewport уменьшался блок текста, а не картинки?

Антон Антон, В итоге решил сделать фикс. высоту карточки с транкейтом тайтла. Больше ничего не придумл

Почему к полной ссылке добавляется относительный путь и как этого избежать?

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

Почему метод класса undefined и как это исправить?

Lynn «Кофеман», а где именно она происходит? в месте где вызывается this.clear тот же this.timer отображается корректно

Как взаимодействовать между компонентами через Promise?

Вадим, спасибо за варианты. Мне интересно, реально ли реализовать это все на промисах?

Как взаимодействовать между компонентами через Promise?

Вадим, он лежит в layout всегда. через vuex из любого компонента я ее просто показываю/скрываю

Как взаимодействовать между компонентами через Promise?

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

Как взаимодействовать между компонентами через Promise?

Добавлю контекста. У меня есть модальное окно с формой, которое можно открыть из разных страниц моего приложения. Модалка с формой не знает и не должна знать на какой странице ее открыли. Когда форма будет заполнена и отправлена, мне нужно обновить данные на странице где была вызвана модалка. Мне нужно после успешного запроса сделать другой запрос. А вот каким запрос будет зависит от того, на какой странице открыли модалку. Поэтому и видится история с промисом: данные в модалке отправлены (promise.resolve) - обрабатываем на странице вызова этот промис и запрашиваем нужные данные

Как взаимодействовать между компонентами через Promise?

Спасибо за ответ. Добавлю контекста. У меня есть модальное окно с формой, которое можно открыть из разных страниц моего приложения. Модалка с формой не знает и не должна знать на какой странице ее открыли. Когда форма будет заполнена и отправлена, мне нужно обновить данные на странице где была вызвана модалка. Идея такая: тыкаем на странице на кнопку открыть модалку, когда в модалке отправили форму, мы в компоненте страницы с кнопкой обновляем нужные данные. Внутри модалки обновлять данные сразу всех страниц, где она может быть вызвана - это точно плохо.

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

VegasChickiChicki, там пришедших данных нет, это добавление пользователя в группу. Данные, которые на странице - они есть всегда. Просто в одном случае модалка открывается на странице А, и нужно после отосланной формы обновить данные, чтобы у пользователся отображалась новая группа. А во втором случае модалка открывается на странице инфы о пользователе, и там нужно другую ручку дергать для обновления данных. Причем вероятно могут появится еще места, где я буду эту модалку вызывать. Хочется как-то из места вызова модалки определять, какие ручки я потом хочу дернуть, чтобы обновить только то что нужно. В голову приходит что-то типо промиса который создается во время вызова модалки, резолвится как только форма отправилась и дальше через then в месте вызова модалки я дергаю нужные ручки. Но как такой промис сделать между компонентами, которые причем общаются только по vuex для меня загадка.

Как сделать чтобы не переполнялся flex контейнер и к тексу добавлялся truncate ("...")?

Ankhena, Спасибо еще раз. Уже сам хотел жсом считать

Как сделать чтобы не переполнялся flex контейнер и к тексу добавлялся truncate ("...")?

да, так все работает. Спасибо! Я правильно понимаю, что без гридов подобное не повторить?

Как сделать чтобы не переполнялся flex контейнер и к тексу добавлялся truncate ("...")?

Не помогло: https://codepen.io/Lirrr/pen/yLzzxQW

Как связать ветки git?

Я понимаю что push и pull делают, но я также прочитал что ветки должны быть связаны, чтобы например написать просто git pull и гит понял откуда ему пулить. я наверно про --set-upstream чтобы установить связь между ветками, только не понимаю как это правильно написать в командной строке

Как обернуть метод в debounce и передать туда параметры в template?

Алексей Абрамов, не. она работает норм, если писать вот так:

saveStatusWidthDebounce: debounce(1000, false, function() {
            this.saveStatus();
        }),

т.е. никаких параметров не прокидываем. А вот как переписать чтобы прокинуть, это вопрос)

Как обернуть метод в debounce и передать туда параметры в template?

WbICHA, дык прошлая уже в 100 местах используется)

Как обернуть метод в debounce и передать туда параметры в template?

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

Как обернуть метод в debounce и передать туда параметры в template?

WbICHA, точно. Неожиданно сложная хрень)

Как обернуть метод в debounce и передать туда параметры в template?

Алексей Абрамов, Спасибо! Можешь ссылку на решение скинуть не в комментарии, а в ответы, чтобы я отметил ее решением?)

Как обернуть метод в debounce и передать туда параметры в template?

WbICHA, Мне как раз и задача в html задавать). В проекте есть много инпутов, и один метод обработчик для всех, но дебаунс тайм должен быть разным)