Как тестировать назначение ссылки внутри сопоставленного компонента, используя пользовательский флажок с WortherRef в ReJavascript

Форум по Javascript
Ответить
Anonymous
 Как тестировать назначение ссылки внутри сопоставленного компонента, используя пользовательский флажок с WortherRef в Re

Сообщение Anonymous »

Выпуск < /h3>
Я тестирую компонент React, который отображает флажки из сторонней библиотеки. Я назначаю каждый флажок A ref с использованием useref ({}) и прикреплять изменение Слушатель событий в использовании . Это работает в браузере, но в тестах Console.log of Ref.current пуст, и слушатели никогда не добавляются.
setup
Компонент:
const checkBoxRef = useRef({});

useEffect(() => {
console.log(checkBoxRef.current)
Object.entries(checkBoxRef.current).forEach(([_, el]) => {
if (el) el.addEventListener("change", () => {});
});
}, [fields]);

{ checkBoxRef.current[index] = el; }}
checked={fieldItem.value === "Yes"}
/>

mock:
jest.mock("external-checkbox-library", () => ({
Checkbox: React.forwardRef(({ checked, ...props }, ref) => (

)),
}));
< /code>
Вопрос < /h3>

Как я могу правильно проверить, что ссылки назначены и прикреплены слушатели?>

Подробнее здесь: https://stackoverflow.com/questions/795 ... eckbox-wit
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»