diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js index bf0ae9041bb..4e7b2757cd8 100644 --- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js +++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js @@ -150,6 +150,70 @@ export default { description: 'Demonstrate pointer events', showIndividualExamples: true, examples: [ + { + name: 'pointerevent_attributes_hoverable_pointers', + description: '', + title: 'WPT: Pointer Events hoverable pointer attributes test', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_attributes_nohover_pointers', + description: '', + title: 'WPT: Pointer Events no-hover pointer attributes test', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_pointermove', + description: '', + title: 'WPT: PointerMove test', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_primary_touch_pointer', + description: '', + title: 'WPT: Pointer Event primary touch pointer test', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_pointermove_on_chorded_mouse_button', + description: '', + title: 'WPT: PointerEvents pointermove on button state changes', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_pointermove_across', + description: '', + title: 'WPT: Pointermove handling across elements', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_pointermove_event_order', + description: '', + title: 'WPT: PointerEvent - pointermove event order', + render(): React.Node { + return ; + }, + }, + { + name: 'pointerevent_pointermove_between', + description: '', + title: 'WPT: Pointermove handling between elements', + render(): React.Node { + return ; + }, + }, { name: 'relative', description: 'Children laid out using relative positioning', @@ -166,70 +230,6 @@ export default { return ; }, }, - { - name: 'pointerevent_attributes_hoverable_pointers', - description: '', - title: 'Pointer Events hoverable pointer attributes test', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_attributes_nohover_pointers', - description: '', - title: 'Pointer Events no-hover pointer attributes test', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_pointermove', - description: '', - title: 'PointerMove test', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_primary_touch_pointer', - description: '', - title: 'Pointer Event primary touch pointer test', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_pointermove_on_chorded_mouse_button', - description: '', - title: 'PointerEvents pointermove on button state changes', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_pointermove_across', - description: '', - title: 'Pointermove handling across elements', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_pointermove_between', - description: '', - title: 'Pointermove handling between elements', - render(): React.Node { - return ; - }, - }, - { - name: 'pointerevent_pointermove_event_order', - description: '', - title: 'PointerEvent - pointermove event order', - render(): React.Node { - return ; - }, - }, CompatibilityAnimatedPointerMove, CompatibilityNativeGestureHandling, ManyPointersPropertiesExample,