Skip to content

Add onHoverIn/Out Test Example #14457

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
chiaramooney merged 2 commits into from
Apr 1, 2025
Merged

Add onHoverIn/Out Test Example #14457

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
57d44c6
Add onHoverIn/Out Tests
chiaramooney Mar 28, 2025
2336132
Add Snapshot
chiaramooney Mar 28, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 39 additions & 1 deletion packages/e2e-test-app-fabric/test/PressableComponentTest.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,45 @@ describe('Pressable Tests', () => {
},
);
});
test('Pressables can have event handlers', async () => {
test('Pressables can have event handlers, hover', async () => {
const searchBox = await app.findElementByTestID('example_search');
await app.waitUntil(
async () => {
await searchBox.setValue('fee');
return (await searchBox.getText()) === 'fee';
},
{
interval: 1500,
timeout: 5000,
timeoutMsg: `Unable to enter correct search text into test searchbox.`,
},
);
const component = await app.findElementByTestID(
'pressable_feedback_events_button',
);
await component.waitForDisplayed({timeout: 20000});
const dump = await dumpVisualTree('pressable_feedback_events_button');
expect(dump).toMatchSnapshot();
await component.moveTo();
const console = await app.findElementByTestID(
'pressable_feedback_events_console',
);
await console.moveTo();
const dump2 = await dumpVisualTree('pressable_feedback_events_console');
expect(dump2).toMatchSnapshot();
await app.waitUntil(
async () => {
await searchBox.setValue(['Backspace', 'Backspace', 'Backspace']);
return (await searchBox.getText()) === 'Search...';
},
{
interval: 1500,
timeout: 5000,
timeoutMsg: `Unable to enter correct search text into test searchbox.`,
},
);
});
test('Pressables can have event handlers, hover and click', async () => {
const searchBox = await app.findElementByTestID('example_search');
await app.waitUntil(
async () => {
Expand Down
154 changes: 152 additions & 2 deletions packages/e2e-test-app-fabric/test/__snapshots__/PressableComponentTest.test.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -627,7 +627,7 @@ exports[`Pressable Tests Pressables can have delayed event handlers 2`] = `
}
`;

exports[`Pressable Tests Pressables can have event handlers 1`] = `
exports[`Pressable Tests Pressables can have event handlers, hover 1`] = `
{
"Automation Tree": {
"AutomationId": "pressable_feedback_events_button",
Expand Down Expand Up @@ -682,7 +682,157 @@ exports[`Pressable Tests Pressables can have event handlers 1`] = `
}
`;

exports[`Pressable Tests Pressables can have event handlers 2`] = `
exports[`Pressable Tests Pressables can have event handlers, hover 2`] = `
{
"Automation Tree": {
"AutomationId": "pressable_feedback_events_console",
"ControlType": 50026,
"LocalizedControlType": "group",
"__Children": [
{
"AutomationId": "",
"ControlType": 50020,
"LocalizedControlType": "text",
"Name": "hover in",
"TextRangePattern.GetText": "hover in",
},
],
},
"Component Tree": {
"Type": "Microsoft.ReactNative.Composition.ViewComponentView",
"_Props": {
"TestId": "pressable_feedback_events_console",
},
"__Children": [
{
"Type": "Microsoft.ReactNative.Composition.ParagraphComponentView",
"_Props": {},
},
],
},
"Visual Tree": {
"Brush": {
"Brush Type": "ColorBrush",
"Color": "rgba(249, 249, 249, 255)",
},
"Comment": "pressable_feedback_events_console",
"Offset": "0, 0, 0",
"Size": "896, 120",
"Visual Type": "SpriteVisual",
"__Children": [
{
"Offset": "0, 0, 0",
"Size": "1, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "1, 0, 0",
"Size": "-2, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "-1, 0, 0",
"Size": "1, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "-1, 1, 0",
"Size": "1, -2",
"Visual Type": "SpriteVisual",
},
{
"Offset": "-1, -1, 0",
"Size": "1, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "1, -1, 0",
"Size": "-2, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "0, -1, 0",
"Size": "1, 1",
"Visual Type": "SpriteVisual",
},
{
"Offset": "0, 1, 0",
"Size": "1, -2",
"Visual Type": "SpriteVisual",
},
{
"Offset": "11, 11, 0",
"Size": "874, 19",
"Visual Type": "SpriteVisual",
"__Children": [
{
"Offset": "0, 0, 0",
"Size": "874, 19",
"Visual Type": "SpriteVisual",
},
],
},
],
},
}
`;

exports[`Pressable Tests Pressables can have event handlers, hover and click 1`] = `
{
"Automation Tree": {
"AutomationId": "pressable_feedback_events_button",
"ControlType": 50000,
"IsKeyboardFocusable": true,
"LocalizedControlType": "button",
"Name": "pressable feedback events",
"ValuePattern.Value": "Press Me",
"__Children": [
{
"AutomationId": "",
"ControlType": 50020,
"LocalizedControlType": "text",
"Name": "Press Me",
"TextRangePattern.GetText": "Press Me",
},
],
},
"Component Tree": {
"Type": "Microsoft.ReactNative.Composition.ViewComponentView",
"_Props": {
"AccessibilityLabel": "pressable feedback events",
"TestId": "pressable_feedback_events_button",
},
"__Children": [
{
"Type": "Microsoft.ReactNative.Composition.ParagraphComponentView",
"_Props": {},
},
],
},
"Visual Tree": {
"Comment": "pressable_feedback_events_button",
"Offset": "0, 0, 0",
"Size": "56, 18",
"Visual Type": "SpriteVisual",
"__Children": [
{
"Offset": "0, 0, 0",
"Size": "56, 20",
"Visual Type": "SpriteVisual",
"__Children": [
{
"Offset": "0, 0, 0",
"Size": "56, 20",
"Visual Type": "SpriteVisual",
},
],
},
],
},
}
`;

exports[`Pressable Tests Pressables can have event handlers, hover and click 2`] = `
{
"Automation Tree": {
"AutomationId": "pressable_feedback_events_console",
Expand Down