react-native-grab 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/dist/cjs/metro/withReactNativeGrab.js +31 -31
- package/dist/cjs/metro/withReactNativeGrab.js.map +1 -1
- package/dist/cjs/react-native/__tests__/dom-traversal.test.js +160 -0
- package/dist/cjs/react-native/__tests__/dom-traversal.test.js.map +1 -0
- package/dist/cjs/react-native/__tests__/mock-dom.js +65 -0
- package/dist/cjs/react-native/__tests__/mock-dom.js.map +1 -0
- package/dist/cjs/react-native/__tests__/setup.js +43 -0
- package/dist/cjs/react-native/__tests__/setup.js.map +1 -0
- package/dist/cjs/react-native/__tests__/z-index.test.js +106 -0
- package/dist/cjs/react-native/__tests__/z-index.test.js.map +1 -0
- package/dist/cjs/react-native/copy-payload.js +65 -69
- package/dist/cjs/react-native/copy-payload.js.map +1 -1
- package/dist/cjs/react-native/dom-traversal.js +170 -126
- package/dist/cjs/react-native/dom-traversal.js.map +1 -1
- package/dist/cjs/react-native/fiber.js +16 -16
- package/dist/cjs/react-native/fiber.js.map +1 -1
- package/dist/cjs/react-native/get-dev-server.js +9 -0
- package/dist/cjs/react-native/get-dev-server.js.map +1 -0
- package/dist/cjs/react-native/index.js +346 -260
- package/dist/cjs/react-native/index.js.map +1 -1
- package/dist/cjs/react-native/index.web.js +8 -0
- package/dist/cjs/react-native/index.web.js.map +1 -0
- package/dist/cjs/react-native/pointer-events.js +25 -28
- package/dist/cjs/react-native/pointer-events.js.map +1 -1
- package/dist/cjs/react-native/selection-trigger.js +1 -1
- package/dist/cjs/react-native/settings.js +7 -10
- package/dist/cjs/react-native/settings.js.map +1 -1
- package/dist/cjs/react-native/symbolicate.js.map +1 -1
- package/dist/cjs/react-native/types.js +0 -4
- package/dist/cjs/react-native/types.js.map +1 -1
- package/dist/cjs/react-native/z-index.js +23 -5
- package/dist/cjs/react-native/z-index.js.map +1 -1
- package/dist/esm/metro/index.js +1 -1
- package/dist/esm/metro/withReactNativeGrab.js +33 -33
- package/dist/esm/metro/withReactNativeGrab.js.map +1 -1
- package/dist/esm/react-native/__tests__/dom-traversal.test.js +158 -0
- package/dist/esm/react-native/__tests__/dom-traversal.test.js.map +1 -0
- package/dist/esm/react-native/__tests__/mock-dom.js +58 -0
- package/dist/esm/react-native/__tests__/mock-dom.js.map +1 -0
- package/dist/esm/react-native/__tests__/setup.js +41 -0
- package/dist/esm/react-native/__tests__/setup.js.map +1 -0
- package/dist/esm/react-native/__tests__/z-index.test.js +104 -0
- package/dist/esm/react-native/__tests__/z-index.test.js.map +1 -0
- package/dist/esm/react-native/copy-payload.js +67 -71
- package/dist/esm/react-native/copy-payload.js.map +1 -1
- package/dist/esm/react-native/dom-traversal.js +173 -127
- package/dist/esm/react-native/dom-traversal.js.map +1 -1
- package/dist/esm/react-native/fiber.js +17 -17
- package/dist/esm/react-native/fiber.js.map +1 -1
- package/dist/esm/react-native/get-dev-server.js +3 -0
- package/dist/esm/react-native/get-dev-server.js.map +1 -0
- package/dist/esm/react-native/index.js +351 -262
- package/dist/esm/react-native/index.js.map +1 -1
- package/dist/esm/react-native/index.web.js +4 -0
- package/dist/esm/react-native/index.web.js.map +1 -0
- package/dist/esm/react-native/pointer-events.js +26 -29
- package/dist/esm/react-native/pointer-events.js.map +1 -1
- package/dist/esm/react-native/selection-trigger.js +1 -1
- package/dist/esm/react-native/settings.js +6 -6
- package/dist/esm/react-native/settings.js.map +1 -1
- package/dist/esm/react-native/symbolicate.js +2 -2
- package/dist/esm/react-native/symbolicate.js.map +1 -1
- package/dist/esm/react-native/types.js +0 -4
- package/dist/esm/react-native/types.js.map +1 -1
- package/dist/esm/react-native/z-index.js +24 -6
- package/dist/esm/react-native/z-index.js.map +1 -1
- package/dist/types/metro/index.d.ts +1 -1
- package/dist/types/metro/withReactNativeGrab.d.ts.map +1 -1
- package/dist/types/react-native/__tests__/dom-traversal.test.d.ts +2 -0
- package/dist/types/react-native/__tests__/dom-traversal.test.d.ts.map +1 -0
- package/dist/types/react-native/__tests__/mock-dom.d.ts +24 -0
- package/dist/types/react-native/__tests__/mock-dom.d.ts.map +1 -0
- package/dist/types/react-native/__tests__/setup.d.ts +2 -0
- package/dist/types/react-native/__tests__/setup.d.ts.map +1 -0
- package/dist/types/react-native/__tests__/z-index.test.d.ts +2 -0
- package/dist/types/react-native/__tests__/z-index.test.d.ts.map +1 -0
- package/dist/types/react-native/copy-payload.d.ts +1 -1
- package/dist/types/react-native/copy-payload.d.ts.map +1 -1
- package/dist/types/react-native/dom-traversal.d.ts +19 -6
- package/dist/types/react-native/dom-traversal.d.ts.map +1 -1
- package/dist/types/react-native/fiber.d.ts +1 -1
- package/dist/types/react-native/fiber.d.ts.map +1 -1
- package/dist/types/react-native/get-dev-server.d.ts +3 -0
- package/dist/types/react-native/get-dev-server.d.ts.map +1 -0
- package/dist/types/react-native/index.d.ts +1 -1
- package/dist/types/react-native/index.d.ts.map +1 -1
- package/dist/types/react-native/index.web.d.ts +2 -0
- package/dist/types/react-native/index.web.d.ts.map +1 -0
- package/dist/types/react-native/pointer-events.d.ts +2 -2
- package/dist/types/react-native/pointer-events.d.ts.map +1 -1
- package/dist/types/react-native/settings.d.ts.map +1 -1
- package/dist/types/react-native/symbolicate.d.ts +1 -1
- package/dist/types/react-native/symbolicate.d.ts.map +1 -1
- package/dist/types/react-native/types.d.ts +3 -11
- package/dist/types/react-native/types.d.ts.map +1 -1
- package/dist/types/react-native/z-index.d.ts +1 -1
- package/dist/types/react-native/z-index.d.ts.map +1 -1
- package/package.json +30 -27
package/README.md
CHANGED
|
@@ -34,8 +34,8 @@ Peer dependencies:
|
|
|
34
34
|
Create/update `metro.config.js`:
|
|
35
35
|
|
|
36
36
|
```js
|
|
37
|
-
const { getDefaultConfig } = require(
|
|
38
|
-
const { withReactNativeGrab } = require(
|
|
37
|
+
const { getDefaultConfig } = require("@react-native/metro-config");
|
|
38
|
+
const { withReactNativeGrab } = require("react-native-grab/metro");
|
|
39
39
|
|
|
40
40
|
const config = getDefaultConfig(__dirname);
|
|
41
41
|
|
|
@@ -45,9 +45,9 @@ module.exports = withReactNativeGrab(config);
|
|
|
45
45
|
### 2. Mount the inspector in your app
|
|
46
46
|
|
|
47
47
|
```tsx
|
|
48
|
-
import React from
|
|
49
|
-
import { View } from
|
|
50
|
-
import { ElementInspector } from
|
|
48
|
+
import React from "react";
|
|
49
|
+
import { View } from "react-native";
|
|
50
|
+
import { ElementInspector } from "react-native-grab";
|
|
51
51
|
|
|
52
52
|
export function App() {
|
|
53
53
|
return (
|
|
@@ -80,6 +80,7 @@ npm run format
|
|
|
80
80
|
Available scripts:
|
|
81
81
|
|
|
82
82
|
- `npm run build` builds ESM and CJS outputs to `dist/`
|
|
83
|
+
- `npm run test` runs unit tests (Vitest)
|
|
83
84
|
- `npm run format` formats with `oxfmt`
|
|
84
85
|
- `npm run format:check` validates formatting
|
|
85
86
|
|
|
@@ -4,9 +4,9 @@ exports.withReactNativeGrab = void 0;
|
|
|
4
4
|
const node_child_process_1 = require("node:child_process");
|
|
5
5
|
const metro_config_transformers_1 = require("metro-config-transformers");
|
|
6
6
|
const MAX_BODY_BYTES = 1024 * 512;
|
|
7
|
-
const JSON_HEADERS = {
|
|
8
|
-
const SETTINGS_ROUTE =
|
|
9
|
-
const COPY_ROUTE =
|
|
7
|
+
const JSON_HEADERS = { "Content-Type": "application/json" };
|
|
8
|
+
const SETTINGS_ROUTE = "/__react-native-grab/settings";
|
|
9
|
+
const COPY_ROUTE = "/__react-native-grab/copy";
|
|
10
10
|
const DEFAULT_SETTINGS = Object.freeze({
|
|
11
11
|
selectionPillVisible: false,
|
|
12
12
|
});
|
|
@@ -21,62 +21,62 @@ const tryCopy = (command, args, text) => {
|
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
const copyToHostClipboard = (text) => {
|
|
24
|
-
if (process.platform ===
|
|
25
|
-
return tryCopy(
|
|
24
|
+
if (process.platform === "darwin") {
|
|
25
|
+
return tryCopy("pbcopy", [], text);
|
|
26
26
|
}
|
|
27
|
-
if (process.platform ===
|
|
28
|
-
return tryCopy(
|
|
27
|
+
if (process.platform === "win32") {
|
|
28
|
+
return tryCopy("clip", [], text);
|
|
29
29
|
}
|
|
30
|
-
return (tryCopy(
|
|
31
|
-
tryCopy(
|
|
30
|
+
return (tryCopy("xclip", ["-selection", "clipboard"], text) ||
|
|
31
|
+
tryCopy("xsel", ["--clipboard", "--input"], text));
|
|
32
32
|
};
|
|
33
33
|
const sendJson = (res, statusCode, payload) => {
|
|
34
34
|
res.writeHead(statusCode, JSON_HEADERS);
|
|
35
35
|
res.end(JSON.stringify(payload));
|
|
36
36
|
};
|
|
37
37
|
const getPathname = (req) => {
|
|
38
|
-
if (typeof req.url !==
|
|
39
|
-
return
|
|
38
|
+
if (typeof req.url !== "string")
|
|
39
|
+
return "";
|
|
40
40
|
try {
|
|
41
|
-
return new URL(req.url,
|
|
41
|
+
return new URL(req.url, "http://localhost").pathname;
|
|
42
42
|
}
|
|
43
43
|
catch {
|
|
44
|
-
return req.url.split(
|
|
44
|
+
return req.url.split("?")[0];
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
const parseJsonObject = (value) => {
|
|
48
48
|
if (!value)
|
|
49
49
|
return {};
|
|
50
50
|
const parsed = JSON.parse(value);
|
|
51
|
-
if (parsed == null || typeof parsed !==
|
|
51
|
+
if (parsed == null || typeof parsed !== "object" || Array.isArray(parsed)) {
|
|
52
52
|
return null;
|
|
53
53
|
}
|
|
54
54
|
return parsed;
|
|
55
55
|
};
|
|
56
56
|
const readJsonBody = (req, res, onSuccess) => {
|
|
57
|
-
let body =
|
|
57
|
+
let body = "";
|
|
58
58
|
let byteLength = 0;
|
|
59
59
|
let resolved = false;
|
|
60
|
-
req.on(
|
|
60
|
+
req.on("data", (chunk) => {
|
|
61
61
|
if (resolved)
|
|
62
62
|
return;
|
|
63
63
|
const asString = chunk.toString();
|
|
64
64
|
byteLength += Buffer.byteLength(asString);
|
|
65
65
|
if (byteLength > MAX_BODY_BYTES) {
|
|
66
66
|
resolved = true;
|
|
67
|
-
sendJson(res, 413, { ok: false, error:
|
|
67
|
+
sendJson(res, 413, { ok: false, error: "Payload too large" });
|
|
68
68
|
req.destroy();
|
|
69
69
|
return;
|
|
70
70
|
}
|
|
71
71
|
body += asString;
|
|
72
72
|
});
|
|
73
|
-
req.on(
|
|
73
|
+
req.on("end", () => {
|
|
74
74
|
if (resolved)
|
|
75
75
|
return;
|
|
76
76
|
try {
|
|
77
77
|
const payload = parseJsonObject(body);
|
|
78
78
|
if (payload === null) {
|
|
79
|
-
sendJson(res, 400, { ok: false, error:
|
|
79
|
+
sendJson(res, 400, { ok: false, error: "Invalid JSON payload shape" });
|
|
80
80
|
return;
|
|
81
81
|
}
|
|
82
82
|
resolved = true;
|
|
@@ -84,7 +84,7 @@ const readJsonBody = (req, res, onSuccess) => {
|
|
|
84
84
|
}
|
|
85
85
|
catch {
|
|
86
86
|
resolved = true;
|
|
87
|
-
sendJson(res, 400, { ok: false, error:
|
|
87
|
+
sendJson(res, 400, { ok: false, error: "Invalid JSON" });
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
90
|
};
|
|
@@ -93,12 +93,12 @@ const hasOwn = (payload, key) => {
|
|
|
93
93
|
};
|
|
94
94
|
const validateSettingsPatch = (payload) => {
|
|
95
95
|
const patch = {};
|
|
96
|
-
if (hasOwn(payload,
|
|
96
|
+
if (hasOwn(payload, "selectionPillVisible")) {
|
|
97
97
|
const value = payload.selectionPillVisible;
|
|
98
|
-
if (typeof value !==
|
|
98
|
+
if (typeof value !== "boolean") {
|
|
99
99
|
return {
|
|
100
100
|
ok: false,
|
|
101
|
-
error:
|
|
101
|
+
error: "selectionPillVisible must be a boolean",
|
|
102
102
|
};
|
|
103
103
|
}
|
|
104
104
|
patch.selectionPillVisible = value;
|
|
@@ -106,31 +106,31 @@ const validateSettingsPatch = (payload) => {
|
|
|
106
106
|
return { ok: true, patch };
|
|
107
107
|
};
|
|
108
108
|
const handleCopyRequest = (req, res) => {
|
|
109
|
-
if (req.method !==
|
|
110
|
-
sendJson(res, 405, { ok: false, error:
|
|
109
|
+
if (req.method !== "POST") {
|
|
110
|
+
sendJson(res, 405, { ok: false, error: "Method not allowed" });
|
|
111
111
|
return;
|
|
112
112
|
}
|
|
113
113
|
readJsonBody(req, res, (payload) => {
|
|
114
|
-
const text = typeof payload.text ===
|
|
114
|
+
const text = typeof payload.text === "string" ? payload.text : "";
|
|
115
115
|
if (!text.trim()) {
|
|
116
|
-
sendJson(res, 400, { ok: false, error:
|
|
116
|
+
sendJson(res, 400, { ok: false, error: "Missing text" });
|
|
117
117
|
return;
|
|
118
118
|
}
|
|
119
119
|
const copied = copyToHostClipboard(text);
|
|
120
120
|
if (!copied) {
|
|
121
|
-
sendJson(res, 500, { ok: false, error:
|
|
121
|
+
sendJson(res, 500, { ok: false, error: "Clipboard write failed on host" });
|
|
122
122
|
return;
|
|
123
123
|
}
|
|
124
124
|
sendJson(res, 200, { ok: true });
|
|
125
125
|
});
|
|
126
126
|
};
|
|
127
127
|
const handleSettingsRequest = (req, res) => {
|
|
128
|
-
if (req.method ===
|
|
128
|
+
if (req.method === "GET") {
|
|
129
129
|
sendJson(res, 200, { ok: true, settings: persistedSettings });
|
|
130
130
|
return;
|
|
131
131
|
}
|
|
132
|
-
if (req.method !==
|
|
133
|
-
sendJson(res, 405, { ok: false, error:
|
|
132
|
+
if (req.method !== "POST") {
|
|
133
|
+
sendJson(res, 405, { ok: false, error: "Method not allowed" });
|
|
134
134
|
return;
|
|
135
135
|
}
|
|
136
136
|
readJsonBody(req, res, (payload) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withReactNativeGrab.js","sourceRoot":"","sources":["../../../src/metro/withReactNativeGrab.ts"],"names":[],"mappings":";;;AAAA,2DAAkD;AAGlD,yEAAyE;AAEzE,MAAM,cAAc,GAAG,IAAI,GAAG,GAAG,CAAC;AAClC,MAAM,YAAY,GAAG,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC5D,MAAM,cAAc,GAAG,+BAA+B,CAAC;AACvD,MAAM,UAAU,GAAG,2BAA2B,CAAC;AAM/C,MAAM,gBAAgB,GAAsB,MAAM,CAAC,MAAM,CAAC;IACxD,oBAAoB,EAAE,KAAK;CAC5B,CAAC,CAAC;AAEH,IAAI,iBAAiB,GAAsB,EAAE,GAAG,gBAAgB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"withReactNativeGrab.js","sourceRoot":"","sources":["../../../src/metro/withReactNativeGrab.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const vitest_1 = require("vitest");
|
|
4
|
+
const dom_traversal_1 = require("../dom-traversal");
|
|
5
|
+
const mock_dom_1 = require("./mock-dom");
|
|
6
|
+
const createSession = (root) => {
|
|
7
|
+
return (0, dom_traversal_1.startSession)({
|
|
8
|
+
anchorRef: { current: root },
|
|
9
|
+
skipRefs: [],
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
const hitNameAt = (root, x, y) => {
|
|
13
|
+
const session = createSession(root);
|
|
14
|
+
const hit = session.move({ x, y });
|
|
15
|
+
session.stop();
|
|
16
|
+
return hit?.node ? hit.node.name : null;
|
|
17
|
+
};
|
|
18
|
+
(0, vitest_1.describe)("dom traversal hit testing", () => {
|
|
19
|
+
(0, vitest_1.it)("uses child-first fallback for pointerEvents:auto", () => {
|
|
20
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 100, height: 100 } });
|
|
21
|
+
const child = (0, mock_dom_1.createMockNode)({
|
|
22
|
+
name: "child",
|
|
23
|
+
rect: { x: 10, y: 10, width: 20, height: 20 },
|
|
24
|
+
});
|
|
25
|
+
(0, mock_dom_1.appendChild)(root, child);
|
|
26
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
27
|
+
(0, vitest_1.expect)(hitNameAt(root, 15, 15)).toBe("child");
|
|
28
|
+
(0, vitest_1.expect)(hitNameAt(root, 2, 2)).toBe("root");
|
|
29
|
+
});
|
|
30
|
+
(0, vitest_1.it)("respects pointerEvents box-only", () => {
|
|
31
|
+
const root = (0, mock_dom_1.createRoot)({
|
|
32
|
+
rect: { x: 0, y: 0, width: 100, height: 100 },
|
|
33
|
+
pointerEvents: "box-only",
|
|
34
|
+
});
|
|
35
|
+
const child = (0, mock_dom_1.createMockNode)({
|
|
36
|
+
name: "child",
|
|
37
|
+
rect: { x: 10, y: 10, width: 20, height: 20 },
|
|
38
|
+
});
|
|
39
|
+
(0, mock_dom_1.appendChild)(root, child);
|
|
40
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
41
|
+
(0, vitest_1.expect)(hitNameAt(root, 15, 15)).toBe("root");
|
|
42
|
+
});
|
|
43
|
+
(0, vitest_1.it)("respects pointerEvents box-none", () => {
|
|
44
|
+
const root = (0, mock_dom_1.createRoot)({
|
|
45
|
+
rect: { x: 0, y: 0, width: 100, height: 100 },
|
|
46
|
+
pointerEvents: "box-none",
|
|
47
|
+
});
|
|
48
|
+
const child = (0, mock_dom_1.createMockNode)({
|
|
49
|
+
name: "child",
|
|
50
|
+
rect: { x: 10, y: 10, width: 20, height: 20 },
|
|
51
|
+
});
|
|
52
|
+
(0, mock_dom_1.appendChild)(root, child);
|
|
53
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
54
|
+
(0, vitest_1.expect)(hitNameAt(root, 15, 15)).toBe("child");
|
|
55
|
+
(0, vitest_1.expect)(hitNameAt(root, 5, 5)).toBe(null);
|
|
56
|
+
});
|
|
57
|
+
(0, vitest_1.it)("respects pointerEvents none", () => {
|
|
58
|
+
const root = (0, mock_dom_1.createRoot)({
|
|
59
|
+
rect: { x: 0, y: 0, width: 100, height: 100 },
|
|
60
|
+
pointerEvents: "none",
|
|
61
|
+
});
|
|
62
|
+
const child = (0, mock_dom_1.createMockNode)({
|
|
63
|
+
name: "child",
|
|
64
|
+
rect: { x: 10, y: 10, width: 20, height: 20 },
|
|
65
|
+
});
|
|
66
|
+
(0, mock_dom_1.appendChild)(root, child);
|
|
67
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
68
|
+
(0, vitest_1.expect)(hitNameAt(root, 15, 15)).toBe(null);
|
|
69
|
+
});
|
|
70
|
+
(0, vitest_1.it)("honors zIndex for overlapping siblings", () => {
|
|
71
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 120, height: 120 } });
|
|
72
|
+
const back = (0, mock_dom_1.createMockNode)({
|
|
73
|
+
name: "back",
|
|
74
|
+
rect: { x: 20, y: 20, width: 80, height: 80 },
|
|
75
|
+
style: { zIndex: 0 },
|
|
76
|
+
});
|
|
77
|
+
const front = (0, mock_dom_1.createMockNode)({
|
|
78
|
+
name: "front",
|
|
79
|
+
rect: { x: 20, y: 20, width: 80, height: 80 },
|
|
80
|
+
style: { zIndex: 10, position: "absolute" },
|
|
81
|
+
});
|
|
82
|
+
(0, mock_dom_1.appendChild)(root, back);
|
|
83
|
+
(0, mock_dom_1.appendChild)(root, front);
|
|
84
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
85
|
+
(0, vitest_1.expect)(hitNameAt(root, 40, 40)).toBe("front");
|
|
86
|
+
});
|
|
87
|
+
(0, vitest_1.it)("can hit absolute children outside parent bounds when overflow is visible", () => {
|
|
88
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 220, height: 220 } });
|
|
89
|
+
const parent = (0, mock_dom_1.createMockNode)({
|
|
90
|
+
name: "parent",
|
|
91
|
+
rect: { x: 50, y: 50, width: 100, height: 100 },
|
|
92
|
+
style: { overflow: "visible" },
|
|
93
|
+
});
|
|
94
|
+
const badge = (0, mock_dom_1.createMockNode)({
|
|
95
|
+
name: "badge",
|
|
96
|
+
rect: { x: 130, y: 35, width: 30, height: 20 },
|
|
97
|
+
style: { position: "absolute", zIndex: 2 },
|
|
98
|
+
});
|
|
99
|
+
(0, mock_dom_1.appendChild)(root, parent);
|
|
100
|
+
(0, mock_dom_1.appendChild)(parent, badge);
|
|
101
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
102
|
+
(0, vitest_1.expect)(hitNameAt(root, 135, 40)).toBe("badge");
|
|
103
|
+
});
|
|
104
|
+
(0, vitest_1.it)("clips outside-parent hits when overflow is hidden", () => {
|
|
105
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 220, height: 220 } });
|
|
106
|
+
const parent = (0, mock_dom_1.createMockNode)({
|
|
107
|
+
name: "parent",
|
|
108
|
+
rect: { x: 50, y: 50, width: 100, height: 100 },
|
|
109
|
+
style: { overflow: "hidden" },
|
|
110
|
+
});
|
|
111
|
+
const badge = (0, mock_dom_1.createMockNode)({
|
|
112
|
+
name: "badge",
|
|
113
|
+
rect: { x: 130, y: 35, width: 30, height: 20 },
|
|
114
|
+
style: { position: "absolute", zIndex: 2 },
|
|
115
|
+
});
|
|
116
|
+
(0, mock_dom_1.appendChild)(root, parent);
|
|
117
|
+
(0, mock_dom_1.appendChild)(parent, badge);
|
|
118
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
119
|
+
(0, vitest_1.expect)(hitNameAt(root, 135, 40)).toBe("root");
|
|
120
|
+
});
|
|
121
|
+
(0, vitest_1.it)("treats right/bottom edges as out-of-bounds", () => {
|
|
122
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 100, height: 100 } });
|
|
123
|
+
const child = (0, mock_dom_1.createMockNode)({
|
|
124
|
+
name: "child",
|
|
125
|
+
rect: { x: 10, y: 10, width: 20, height: 20 },
|
|
126
|
+
});
|
|
127
|
+
(0, mock_dom_1.appendChild)(root, child);
|
|
128
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
129
|
+
(0, vitest_1.expect)(hitNameAt(root, 30, 15)).toBe("root");
|
|
130
|
+
(0, vitest_1.expect)(hitNameAt(root, 15, 30)).toBe("root");
|
|
131
|
+
});
|
|
132
|
+
(0, vitest_1.it)("selects an absolute badge in a card fixture similar to explore screen", () => {
|
|
133
|
+
const root = (0, mock_dom_1.createRoot)({ rect: { x: 0, y: 0, width: 360, height: 640 } });
|
|
134
|
+
const card = (0, mock_dom_1.createMockNode)({
|
|
135
|
+
name: "card",
|
|
136
|
+
rect: { x: 40, y: 120, width: 200, height: 140 },
|
|
137
|
+
style: { overflow: "visible", borderRadius: 12 },
|
|
138
|
+
});
|
|
139
|
+
const image = (0, mock_dom_1.createMockNode)({
|
|
140
|
+
name: "image",
|
|
141
|
+
rect: { x: 40, y: 120, width: 200, height: 88 },
|
|
142
|
+
});
|
|
143
|
+
const content = (0, mock_dom_1.createMockNode)({
|
|
144
|
+
name: "content",
|
|
145
|
+
rect: { x: 40, y: 208, width: 200, height: 52 },
|
|
146
|
+
});
|
|
147
|
+
const badge = (0, mock_dom_1.createMockNode)({
|
|
148
|
+
name: "badge",
|
|
149
|
+
rect: { x: 180, y: 110, width: 64, height: 24 },
|
|
150
|
+
style: { position: "absolute", zIndex: 20 },
|
|
151
|
+
});
|
|
152
|
+
(0, mock_dom_1.appendChild)(root, card);
|
|
153
|
+
(0, mock_dom_1.appendChild)(card, badge);
|
|
154
|
+
(0, mock_dom_1.appendChild)(card, image);
|
|
155
|
+
(0, mock_dom_1.appendChild)(card, content);
|
|
156
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
157
|
+
(0, vitest_1.expect)(hitNameAt(root, 190, 116)).toBe("badge");
|
|
158
|
+
});
|
|
159
|
+
});
|
|
160
|
+
//# sourceMappingURL=dom-traversal.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom-traversal.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/dom-traversal.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.finalizeTree = exports.createRoot = exports.appendChild = exports.createMockNode = void 0;
|
|
4
|
+
const createFiberHandle = (style, pointerEvents, extraProps) => {
|
|
5
|
+
return {
|
|
6
|
+
tag: 5,
|
|
7
|
+
stateNode: {
|
|
8
|
+
canonical: {
|
|
9
|
+
currentProps: {
|
|
10
|
+
...extraProps,
|
|
11
|
+
...(pointerEvents ? { pointerEvents } : null),
|
|
12
|
+
...(style ? { style } : null),
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
const createMockNode = ({ name, rect, style, pointerEvents, hasFiber = true, tagName = "RN:View", props = {}, }) => {
|
|
19
|
+
const node = {
|
|
20
|
+
name,
|
|
21
|
+
tagName,
|
|
22
|
+
parentElement: null,
|
|
23
|
+
children: [],
|
|
24
|
+
childElementCount: 0,
|
|
25
|
+
getBoundingClientRect: () => rect,
|
|
26
|
+
contains(target) {
|
|
27
|
+
if (!target)
|
|
28
|
+
return false;
|
|
29
|
+
if (target === node)
|
|
30
|
+
return true;
|
|
31
|
+
return node.children.some((child) => child.contains(target));
|
|
32
|
+
},
|
|
33
|
+
__internalInstanceHandle: hasFiber
|
|
34
|
+
? createFiberHandle(style, pointerEvents, props)
|
|
35
|
+
: undefined,
|
|
36
|
+
};
|
|
37
|
+
return node;
|
|
38
|
+
};
|
|
39
|
+
exports.createMockNode = createMockNode;
|
|
40
|
+
const appendChild = (parent, child) => {
|
|
41
|
+
parent.children.push(child);
|
|
42
|
+
parent.childElementCount = parent.children.length;
|
|
43
|
+
child.parentElement = parent;
|
|
44
|
+
};
|
|
45
|
+
exports.appendChild = appendChild;
|
|
46
|
+
const setRootView = (node, root) => {
|
|
47
|
+
node.__rootView = root;
|
|
48
|
+
for (const child of node.children) {
|
|
49
|
+
setRootView(child, root);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
const createRoot = ({ name = "root", rect = { x: 0, y: 0, width: 400, height: 800 }, style, pointerEvents, props, } = {}) => {
|
|
53
|
+
const root = (0, exports.createMockNode)({ name, rect, style, pointerEvents, props });
|
|
54
|
+
root.ownerDocument = {
|
|
55
|
+
documentElement: root,
|
|
56
|
+
};
|
|
57
|
+
setRootView(root, root);
|
|
58
|
+
return root;
|
|
59
|
+
};
|
|
60
|
+
exports.createRoot = createRoot;
|
|
61
|
+
const finalizeTree = (root) => {
|
|
62
|
+
setRootView(root, root);
|
|
63
|
+
};
|
|
64
|
+
exports.finalizeTree = finalizeTree;
|
|
65
|
+
//# sourceMappingURL=mock-dom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mock-dom.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/mock-dom.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const vitest_1 = require("vitest");
|
|
4
|
+
const flattenStyle = (style) => {
|
|
5
|
+
if (style == null) {
|
|
6
|
+
return undefined;
|
|
7
|
+
}
|
|
8
|
+
if (Array.isArray(style)) {
|
|
9
|
+
const merged = {};
|
|
10
|
+
for (const item of style) {
|
|
11
|
+
const next = flattenStyle(item);
|
|
12
|
+
if (!next)
|
|
13
|
+
continue;
|
|
14
|
+
Object.assign(merged, next);
|
|
15
|
+
}
|
|
16
|
+
return merged;
|
|
17
|
+
}
|
|
18
|
+
if (typeof style === "object") {
|
|
19
|
+
return { ...style };
|
|
20
|
+
}
|
|
21
|
+
return undefined;
|
|
22
|
+
};
|
|
23
|
+
vitest_1.vi.mock("react-native", () => {
|
|
24
|
+
return {
|
|
25
|
+
StyleSheet: {
|
|
26
|
+
flatten: flattenStyle,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
vitest_1.vi.mock("react-native/Libraries/Debugging/DebuggingOverlayRegistry", () => {
|
|
31
|
+
return {
|
|
32
|
+
default: {
|
|
33
|
+
__findLowestParentFromRegistryForInstance(node) {
|
|
34
|
+
return {
|
|
35
|
+
rootViewRef: {
|
|
36
|
+
current: node.__rootView ?? node,
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=setup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/setup.ts"],"names":[],"mappings":";;AAAA,mCAA4B;AAE5B,MAAM,YAAY,GAAG,CAAC,KAAc,EAAuC,EAAE;IAC3E,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,MAAM,GAA4B,EAAE,CAAC;QAC3C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,IAAI;gBAAE,SAAS;YACpB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,EAAE,GAAI,KAAiC,EAAE,CAAC;IACnD,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,WAAE,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,EAAE;IAC3B,OAAO;QACL,UAAU,EAAE;YACV,OAAO,EAAE,YAAY;SACtB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAE,CAAC,IAAI,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACxE,OAAO;QACL,OAAO,EAAE;YACP,yCAAyC,CAAC,IAA8B;gBACtE,OAAO;oBACL,WAAW,EAAE;wBACX,OAAO,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI;qBACjC;iBACF,CAAC;YACJ,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const vitest_1 = require("vitest");
|
|
4
|
+
const mock_dom_1 = require("./mock-dom");
|
|
5
|
+
const z_index_1 = require("../z-index");
|
|
6
|
+
(0, vitest_1.describe)("getChildrenInHitTestOrder", () => {
|
|
7
|
+
(0, vitest_1.it)("orders by zIndex ascending", () => {
|
|
8
|
+
const root = (0, mock_dom_1.createRoot)();
|
|
9
|
+
const c1 = (0, mock_dom_1.createMockNode)({
|
|
10
|
+
name: "c1",
|
|
11
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
12
|
+
style: { zIndex: 3 },
|
|
13
|
+
});
|
|
14
|
+
const c2 = (0, mock_dom_1.createMockNode)({
|
|
15
|
+
name: "c2",
|
|
16
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
17
|
+
style: { zIndex: 1 },
|
|
18
|
+
});
|
|
19
|
+
const c3 = (0, mock_dom_1.createMockNode)({
|
|
20
|
+
name: "c3",
|
|
21
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
22
|
+
style: { zIndex: 2 },
|
|
23
|
+
});
|
|
24
|
+
(0, mock_dom_1.appendChild)(root, c1);
|
|
25
|
+
(0, mock_dom_1.appendChild)(root, c2);
|
|
26
|
+
(0, mock_dom_1.appendChild)(root, c3);
|
|
27
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
28
|
+
(0, vitest_1.expect)((0, z_index_1.getChildrenInHitTestOrder)(root).map((n) => n.name)).toEqual([
|
|
29
|
+
"c2",
|
|
30
|
+
"c3",
|
|
31
|
+
"c1",
|
|
32
|
+
]);
|
|
33
|
+
});
|
|
34
|
+
(0, vitest_1.it)("supports negative zIndex", () => {
|
|
35
|
+
const root = (0, mock_dom_1.createRoot)();
|
|
36
|
+
const low = (0, mock_dom_1.createMockNode)({
|
|
37
|
+
name: "low",
|
|
38
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
39
|
+
style: { zIndex: -10 },
|
|
40
|
+
});
|
|
41
|
+
const mid = (0, mock_dom_1.createMockNode)({
|
|
42
|
+
name: "mid",
|
|
43
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
44
|
+
style: { zIndex: 0 },
|
|
45
|
+
});
|
|
46
|
+
const high = (0, mock_dom_1.createMockNode)({
|
|
47
|
+
name: "high",
|
|
48
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
49
|
+
style: { zIndex: 10 },
|
|
50
|
+
});
|
|
51
|
+
(0, mock_dom_1.appendChild)(root, mid);
|
|
52
|
+
(0, mock_dom_1.appendChild)(root, high);
|
|
53
|
+
(0, mock_dom_1.appendChild)(root, low);
|
|
54
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
55
|
+
(0, vitest_1.expect)((0, z_index_1.getChildrenInHitTestOrder)(root).map((n) => n.name)).toEqual([
|
|
56
|
+
"low",
|
|
57
|
+
"mid",
|
|
58
|
+
"high",
|
|
59
|
+
]);
|
|
60
|
+
});
|
|
61
|
+
(0, vitest_1.it)("preserves sibling order when order index matches", () => {
|
|
62
|
+
const root = (0, mock_dom_1.createRoot)();
|
|
63
|
+
const a = (0, mock_dom_1.createMockNode)({
|
|
64
|
+
name: "a",
|
|
65
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
66
|
+
});
|
|
67
|
+
const b = (0, mock_dom_1.createMockNode)({
|
|
68
|
+
name: "b",
|
|
69
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
70
|
+
});
|
|
71
|
+
const c = (0, mock_dom_1.createMockNode)({
|
|
72
|
+
name: "c",
|
|
73
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
74
|
+
});
|
|
75
|
+
(0, mock_dom_1.appendChild)(root, a);
|
|
76
|
+
(0, mock_dom_1.appendChild)(root, b);
|
|
77
|
+
(0, mock_dom_1.appendChild)(root, c);
|
|
78
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
79
|
+
(0, vitest_1.expect)((0, z_index_1.getChildrenInHitTestOrder)(root).map((n) => n.name)).toEqual([
|
|
80
|
+
"a",
|
|
81
|
+
"b",
|
|
82
|
+
"c",
|
|
83
|
+
]);
|
|
84
|
+
});
|
|
85
|
+
(0, vitest_1.it)("puts static nodes before non-static nodes for equal order index", () => {
|
|
86
|
+
const root = (0, mock_dom_1.createRoot)();
|
|
87
|
+
const staticNode = (0, mock_dom_1.createMockNode)({
|
|
88
|
+
name: "static",
|
|
89
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
90
|
+
style: { position: "static", zIndex: 999 },
|
|
91
|
+
});
|
|
92
|
+
const relativeNode = (0, mock_dom_1.createMockNode)({
|
|
93
|
+
name: "relative",
|
|
94
|
+
rect: { x: 0, y: 0, width: 10, height: 10 },
|
|
95
|
+
style: { position: "relative" },
|
|
96
|
+
});
|
|
97
|
+
(0, mock_dom_1.appendChild)(root, relativeNode);
|
|
98
|
+
(0, mock_dom_1.appendChild)(root, staticNode);
|
|
99
|
+
(0, mock_dom_1.finalizeTree)(root);
|
|
100
|
+
(0, vitest_1.expect)((0, z_index_1.getChildrenInHitTestOrder)(root).map((n) => n.name)).toEqual([
|
|
101
|
+
"static",
|
|
102
|
+
"relative",
|
|
103
|
+
]);
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=z-index.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"z-index.test.js","sourceRoot":"","sources":["../../../../src/react-native/__tests__/z-index.test.ts"],"names":[],"mappings":"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"}
|