| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387 |
- import { describe, it, expect, beforeAll, afterEach } from 'vitest';
- import * as fs from 'fs';
- import * as os from 'os';
- import * as path from 'path';
- import { CodeGraph } from '../src';
- import { initGrammars } from '../src/extraction/grammars';
- import { callArgumentsInSource, guardsInSource, guardLabel, supportsBranchGuards, triggerInSource } from '../src/graph/branch-guards';
- import { buildNode } from '../src/ui-server/api/node';
- import { buildFlow } from '../src/ui-server/api/flow';
- beforeAll(async () => {
- await initGrammars();
- });
- /** Line (1-based) of the first line containing `needle`. */
- function lineOf(src: string, needle: string): number {
- const i = src.split('\n').findIndex((l) => l.includes(needle));
- if (i < 0) throw new Error(`no line contains ${needle}`);
- return i + 1;
- }
- async function labelAt(src: string, needle: string, language: 'tsx' | 'typescript' | 'swift' = 'tsx') {
- const line = lineOf(src, needle);
- const column = src.split('\n')[line - 1]!.indexOf(needle);
- return guardLabel(await guardsInSource(src, language, line, column));
- }
- describe('branch guards: JS/TS', () => {
- const handlePress = `
- export function ItemCard(props) {
- const handlePress = useCallback(() => {
- if (isUploading) return
- if (isCollected) {
- openObjectDetail(item, folderName)
- return
- }
- if (queueHasItems) {
- handleAddToQueue()
- return
- }
- handleStartCapture()
- }, [])
- return null
- }
- `;
- it('reads an if branch and the early-return guards before it', async () => {
- expect(await labelAt(handlePress, 'openObjectDetail(')).toBe('!isUploading && isCollected');
- });
- it('keeps a disjunctive guard in parentheses, so the join stays unambiguous', async () => {
- const src = `
- function go(object) {
- if (isUploading) return
- if (!object?.id || !object?.name) {
- bail()
- return
- }
- proceed()
- }
- `;
- expect(await labelAt(src, 'bail(')).toBe('!isUploading && (!object?.id || !object?.name)');
- expect(await labelAt(src, 'proceed(')).toBe('!isUploading && !(!object?.id || !object?.name)');
- });
- it('turns each earlier early-return into a negated guard, in source order', async () => {
- expect(await labelAt(handlePress, 'handleAddToQueue(')).toBe('!isUploading && !isCollected && queueHasItems');
- expect(await labelAt(handlePress, 'handleStartCapture(')).toBe('!isUploading && !isCollected && !queueHasItems');
- });
- it('does not climb past a function that is declared or assigned to a name', async () => {
- const src = `
- function outer() {
- if (outerCond) {
- const cb = () => {
- if (inner) run()
- }
- function named() { if (deep) walk() }
- }
- }`;
- expect(await labelAt(src, 'run()')).toBe('inner');
- expect(await labelAt(src, 'walk()')).toBe('deep');
- });
- it('an inline callback inherits the conditions its definition sits under', async () => {
- const src = `
- function verify(total) {
- if (selectedHasBarcode) {
- if (total > 1) {
- return { proceed: () => router.navigate('/barcode-matches') }
- }
- return { ok: true, proceed: () => captureObject(item) }
- }
- list.forEach((x) => { if (x.ok) keep(x) })
- }`;
- expect(await labelAt(src, 'captureObject(item)')).toBe('selectedHasBarcode && !(total > 1)');
- expect(await labelAt(src, "router.navigate(")).toBe('selectedHasBarcode && total > 1');
- expect(await labelAt(src, 'keep(x)')).toBe('!selectedHasBarcode && x.ok');
- });
- it('reads else, else-if, and the arms of a ternary', async () => {
- const src = `
- function f() {
- if (a) { one() } else if (b) { two() } else { three() }
- const x = ready ? go() : wait()
- }`;
- expect(await labelAt(src, 'one()')).toBe('a');
- expect(await labelAt(src, 'two()')).toBe('!a && b');
- expect(await labelAt(src, 'three()')).toBe('!a && !b');
- expect(await labelAt(src, 'go()')).toBe('ready');
- expect(await labelAt(src, 'wait()')).toBe('!ready');
- });
- it('reads switch cases, && / || short-circuits, and catch', async () => {
- const src = `
- function f() {
- switch (mode) {
- case 'verify': scan(); break
- default: capture()
- }
- ok && fire()
- ok || fallback()
- try { risky() } catch (e) { report(e) }
- }`;
- expect(await labelAt(src, 'scan()')).toBe("mode === 'verify'");
- expect(await labelAt(src, 'capture()')).toBe('mode: default');
- expect(await labelAt(src, 'fire()')).toBe('ok');
- expect(await labelAt(src, 'fallback()')).toBe('!ok');
- expect(await labelAt(src, 'report(e)')).toBe('on error');
- expect(await labelAt(src, 'risky()')).toBe('');
- });
- it('negates readably: a bare !x guard reads as x, a compound one is parenthesised', async () => {
- const src = `
- function f() {
- if (!ready) return
- if (a && b) { } else { alt() }
- if (count > 0) go()
- if (options?.verify !== false && (item.barcodes?.length ?? 0) > 0) verify()
- }`;
- expect(await labelAt(src, 'alt()')).toBe('ready && !(a && b)');
- expect(await labelAt(src, 'go()')).toBe('ready && count > 0');
- expect(await labelAt(src, 'verify()')).toBe('ready && options?.verify !== false && (item.barcodes?.length ?? 0) > 0');
- });
- it('a call inside a condition is not guarded by that condition', async () => {
- const src = `
- function f() {
- if (isReady()) run()
- }`;
- expect(await labelAt(src, 'isReady()')).toBe('');
- expect(await labelAt(src, 'run()')).toBe('isReady()');
- });
- it('an if whose body does not always exit is not a guard', async () => {
- const src = `
- function f() {
- if (x) { log() }
- go()
- }`;
- expect(await labelAt(src, 'go()')).toBe('');
- });
- it('caps a very long condition', async () => {
- const cond = 'a'.repeat(120);
- const src = `function f() {\n if (${cond}) go()\n}`;
- const label = await labelAt(src, 'go()');
- expect(label.length).toBeLessThan(90);
- expect(label.endsWith('…')).toBe(true);
- });
- });
- describe('branch guards: Swift', () => {
- it('reads guard, if/else, ternary and switch', async () => {
- const src = `
- func decide() {
- guard ready else { bail(); return }
- if isCollected { open() } else if other { two() } else { close() }
- let x = flag ? a() : b()
- switch mode { case .verify: scan() default: capture() }
- }`;
- expect(await labelAt(src, 'bail()', 'swift')).toBe('!ready');
- expect(await labelAt(src, 'open()', 'swift')).toBe('ready && isCollected');
- expect(await labelAt(src, 'two()', 'swift')).toBe('ready && !isCollected && other');
- expect(await labelAt(src, 'close()', 'swift')).toBe('ready && !isCollected && !other');
- expect(await labelAt(src, 'a()', 'swift')).toBe('ready && flag');
- expect(await labelAt(src, 'b()', 'swift')).toBe('ready && !flag');
- expect(await labelAt(src, 'scan()', 'swift')).toBe('ready && mode == .verify');
- expect(await labelAt(src, 'capture()', 'swift')).toBe('ready && mode: default');
- });
- it('joins multi-clause conditions and treats an early return as a guard', async () => {
- const src = `
- func f() {
- if let item = current, item.count > 0 { use(item) }
- if busy { return }
- go()
- }`;
- expect(await labelAt(src, 'use(item)', 'swift')).toBe('let item = current, item.count > 0');
- expect(await labelAt(src, 'go()', 'swift')).toBe('!busy');
- });
- });
- describe('branch guards: unsupported', () => {
- it('reports no guards for a language without rules', async () => {
- expect(supportsBranchGuards('ruby')).toBe(false);
- expect(await guardsInSource('def f\n if x\n go()\n end\nend\n', 'ruby', 3, 4)).toEqual([]);
- });
- });
- describe('branch guards: on the wire', () => {
- let dir: string | undefined;
- afterEach(() => {
- if (dir) fs.rmSync(dir, { recursive: true, force: true });
- dir = undefined;
- });
- it('labels symbol-view rails and flow connectors with the call site\'s conditions', async () => {
- dir = fs.mkdtempSync(path.join(os.tmpdir(), 'cg-when-'));
- fs.mkdirSync(path.join(dir, 'src'));
- fs.writeFileSync(
- path.join(dir, 'src', 'app.ts'),
- 'export function helper() { return 1 }\n' +
- 'export function other() { return 2 }\n' +
- 'export function run(ready: boolean, busy: boolean) {\n' +
- ' if (busy) return\n' +
- ' if (ready) {\n' +
- ' helper()\n' +
- ' } else {\n' +
- ' other()\n' +
- ' }\n' +
- '}\n'
- );
- const cg = CodeGraph.initSync(dir);
- await cg.indexAll();
- const run = cg.getNodesByName('run')[0]!;
- const helper = cg.getNodesByName('helper')[0]!;
- type Rel = { node: { name: string }; edges: Array<{ when?: string }> };
- const view = (await buildNode(cg, dir, run.id)) as { outgoing: { items: Rel[] } };
- const byName = new Map(view.outgoing.items.map((r) => [r.node.name, r]));
- expect(byName.get('helper')?.edges[0]?.when).toBe('!busy && ready');
- expect(byName.get('other')?.edges[0]?.when).toBe('!busy && !ready');
- const callee = (await buildNode(cg, dir, helper.id)) as { incoming: { items: Rel[] } };
- expect(callee.incoming.items.find((r) => r.node.name === 'run')?.edges[0]?.when).toBe('!busy && ready');
- const flow = await buildFlow(cg, dir, new URLSearchParams('from=run&to=helper'));
- const hop = flow.flows[0]!.hops[1]!;
- expect(hop.edge?.when).toBe('!busy && ready');
- expect(hop.edge?.label).toBe('calls · when !busy && ready');
- cg.close();
- });
- });
- // =============================================================================
- // Call arguments — what a site passes
- // =============================================================================
- async function argsAt(src: string, needle: string, language: 'tsx' | 'typescript' | 'swift' = 'tsx') {
- const line = lineOf(src, needle);
- const column = src.split('\n')[line - 1]!.indexOf(needle);
- return callArgumentsInSource(src, language, line, column);
- }
- describe('call arguments', () => {
- const login = `
- async function handleLogin(values) {
- await SecureStore.setItemAsync('userEmail', values.email)
- const res = await client.post('/auth/login', { email: values.email, password, ...rest })
- Alert.alert(i18n.t('error_login_failed'), err.message, [{ text: 'OK' }])
- router.push({ pathname: '/item/[id]', params: { id } })
- captureView.finalizeCaptureSession()
- run(() => go(), async (x) => x, new Thing(1))
- const big = fetch(\`/api/\${id}\`, { method: 'POST', headers, body, mode, cache, credentials })
- }
- `;
- it('keeps literals and names whole, folds objects to their keys, arrays and functions to a shape', async () => {
- expect(await argsAt(login, 'SecureStore.setItemAsync(')).toBe("'userEmail', values.email");
- expect(await argsAt(login, 'client.post(')).toBe("'/auth/login', { email, password, ...rest }");
- expect(await argsAt(login, 'Alert.alert(')).toBe('i18n.t(…), err.message, […]');
- expect(await argsAt(login, 'router.push(')).toBe('{ pathname, params }');
- expect(await argsAt(login, 'run(')).toBe('() => …, () => …, new Thing(…)');
- expect(await argsAt(login, 'fetch(')).toBe('`/api/${id}`, { method, headers, body, mode, … }');
- });
- it('an empty argument list is an empty string; a position outside a call is null', async () => {
- expect(await argsAt(login, 'captureView.finalizeCaptureSession(')).toBe('');
- expect(await argsAt(login, 'async function handleLogin')).toBeNull();
- });
- it('Swift: labels stay with their values, a trailing closure is a shape', async () => {
- const src = `
- class CaptureEvents {
- func emitZipComplete(result: ZipResult) {
- sendEvent(withName: "onZipComplete", body: ["zipURL": result.url])
- tracker.setup(side: side, angle: 45)
- DispatchQueue.main.async { finish() }
- }
- }
- `;
- expect(await argsAt(src, 'sendEvent(', 'swift')).toBe('withName: "onZipComplete", body: […]');
- expect(await argsAt(src, 'tracker.setup(', 'swift')).toBe('side: side, angle: 45');
- expect(await argsAt(src, 'DispatchQueue.main.async', 'swift')).toBe('{ … }');
- });
- });
- // =============================================================================
- // Triggers — what fires a site
- // =============================================================================
- async function triggerAt(src: string, needle: string, language: 'tsx' | 'typescript' | 'swift' = 'tsx') {
- const line = lineOf(src, needle);
- const column = src.split('\n')[line - 1]!.indexOf(needle);
- return triggerInSource(src, language, line, column);
- }
- describe('triggers', () => {
- const login = `
- function LoginButton({ values }) {
- const formik = useFormik({
- initialValues: values,
- onSubmit: (v) => {
- handleLogin(v.email, v.password)
- },
- })
- useEffect(() => {
- warmUp()
- }, [])
- useEffect(() => {
- const sub = nativeEmitter.addListener('onZipComplete', (data) => { finish(data) })
- return () => sub.remove()
- }, [])
- const handleRemove = useCallback(() => {
- removeCredential(values.email)
- }, [values])
- fetchThing().then(() => done())
- return (
- <View>
- <Button onPress={formik.submitForm} />
- <TouchableOpacity onPress={() => handleSelectAccount(account)} />
- <Pressable onPress={handleRemove} />
- <Row.Item onLongPress={() => { if (ok) confirm() }} />
- <KeyboardAvoidingView behavior={isAndroid() ? 'height' : 'padding'} />
- <FlatList renderItem={({ item }) => renderRow(item)} keyExtractor={keyOf} />
- </View>
- )
- }
- function warn() {
- Alert.alert('Remove?', 'Sure?', [{ text: 'OK', onPress: () => removeAll() }], { cancelable: true })
- }
- `;
- it('a call under a JSX prop: the prop and the element', async () => {
- expect(await triggerAt(login, 'handleSelectAccount(')).toEqual({ kind: 'prop', name: 'onPress', of: 'TouchableOpacity' });
- expect(await triggerAt(login, 'confirm()')).toEqual({ kind: 'prop', name: 'onLongPress', of: 'Row.Item' });
- // A handler passed as a value: the site IS the attribute.
- expect(await triggerAt(login, 'handleRemove} />')).toEqual({ kind: 'prop', name: 'onPress', of: 'Pressable' });
- // A function under any prop fires later; a value computed in a prop runs at render.
- expect(await triggerAt(login, 'renderRow(item)')).toEqual({ kind: 'prop', name: 'renderItem', of: 'FlatList' });
- expect(await triggerAt(login, 'isAndroid()')).toBeNull();
- expect(await triggerAt(login, 'keyOf}')).toBeNull();
- });
- it('a call under an on* option: the key and the call it configures', async () => {
- expect(await triggerAt(login, 'handleLogin(')).toEqual({ kind: 'option', name: 'onSubmit', of: 'useFormik' });
- // The option's object inside an array argument: still the call it configures.
- expect(await triggerAt(login, 'removeAll()')).toEqual({ kind: 'option', name: 'onPress', of: 'Alert.alert' });
- });
- it('a call inside a runs-later callback: the callee and its first literal', async () => {
- expect(await triggerAt(login, 'warmUp()')).toEqual({ kind: 'callback', name: 'useEffect', of: null });
- expect(await triggerAt(login, 'finish(data)')).toEqual({ kind: 'callback', name: 'addListener', of: "'onZipComplete'" });
- expect(await triggerAt(login, 'done()')).toEqual({ kind: 'callback', name: 'then', of: null });
- });
- it('a named handler is its own story: nothing fires the call inside it, from here', async () => {
- expect(await triggerAt(login, 'removeCredential(')).toBeNull();
- // A plain call in a component body is fired by nothing in particular.
- expect(await triggerAt(login, 'fetchThing()')).toBeNull();
- expect(await triggerAt(login, 'handleLogin(', 'swift')).toBeNull();
- });
- });
|