Библиотека тестирования React для имитации прикосновения и движения, что такое ключ для указателя?

Я хочу имитировать пользователя, касающегося элемента и перемещающего его. Но я не совсем понимаю, что говорится в документе.

A touch pointer only exists while the screen is touched and receives a new pointerId every time. For these pointers, we use the "button" name from the press action as pointerName.

https://testing-library.com/docs/user-event/pointer#moving-a-pointer

pointer([
  // touch the screen at element1
  {keys: '[TouchA>]', target: element1},
  // move the touch pointer to element2
  {pointerName: 'TouchA', target: element2},
  // release the touch pointer at the last position (element2)
  {keys: '[/TouchA]'},
])

Почему в названии ключа A есть TouchA? и должно ли следующее pointerName использовать то же имя, что и имя ключа? Могу ли я использовать другие имена для имитации поведения «прикоснись и двигайся»?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
16
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Согласно документации API-интерфейс указателя позволяет имитировать взаимодействие с указателями. На данный момент поддерживаемыми устройствами указателя являются мышь и сенсорный ввод, а также ввод указателя ключи поддерживаются.

да, следующее имя указателя будет следовать за тем же именем ключа. Итак, в основном, когда вы касаетесь экрана на первом элементе, мы назначаем указатель Input touchA, а целью является element1. Когда мы перемещаем ту же точку касания на element2, это означает, что имя указателя такое же, как touchA, но цель изменяется на element2, и когда касание заканчивается, используется [/TouchA].

ах! вот оно {name: 'TouchA', pointerType: 'touch'}

wtf512 09.05.2022 07:06

Другие вопросы по теме