release-main-regressions.test.ts 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. import { afterAll, beforeAll, describe, expect, it } from 'vitest';
  2. import * as fs from 'node:fs';
  3. import * as os from 'node:os';
  4. import * as path from 'node:path';
  5. import { CodeGraph } from '../src';
  6. let dir: string;
  7. let cg: CodeGraph;
  8. beforeAll(async () => {
  9. dir = fs.mkdtempSync(path.join(os.tmpdir(), 'cg-release-regressions-'));
  10. const write = (name: string, source: string) => fs.writeFileSync(path.join(dir, name), source);
  11. write('scene.ts', `export class Scene {
  12. callbacks = new Set<() => void>();
  13. onUpdate(cb: () => void) { this.callbacks.add(cb); }
  14. triggerUpdate() { for (const cb of this.callbacks) { cb(); } }
  15. }`);
  16. write('app.tsx', `import { Scene } from './scene';
  17. export class App {
  18. scene: Scene = new Scene();
  19. componentDidMount() { this.scene.onUpdate(this.triggerRender); }
  20. triggerRender() { return 1; }
  21. }`);
  22. for (const [name, targetExt, callerExt] of [['Reverse', 'tsx', 'ts'], ['Legacy', 'js', 'jsx'], ['LegacyReverse', 'jsx', 'js']]) {
  23. write(`${name}.${targetExt}`, `export class ${name} { send() { return 1; } }`);
  24. write(`${name}Caller.${callerExt}`, `import { ${name} } from './${name}';
  25. export class ${name}Caller {
  26. service = new ${name}();
  27. send() { return this.service.send(); }
  28. }`);
  29. }
  30. write('store.ts', `import { create } from 'zustand';
  31. interface S { fetchUser(): Promise<void>; reset(): void }
  32. export const useStore = create<S>((set, get, api) => ({
  33. fetchUser: async () => { get().reset(); },
  34. reset: () => set({}),
  35. }));
  36. export const anotherStore = create((set, get) => ({
  37. reset: () => set({}),
  38. }));`);
  39. write('consumer.ts', `import { useStore as current, anotherStore } from './store';
  40. function fetchUser() { return 'local'; }
  41. export async function loginFlow() {
  42. const { fetchUser } = current.getState();
  43. await fetchUser();
  44. }
  45. export function hardReset() { current.getState().reset(); }
  46. export function multipleBindings() {
  47. const { fetchUser, reset } = current.getState();
  48. fetchUser(); reset();
  49. }
  50. export function otherReset() { anotherStore.getState().reset(); }
  51. export function shadowed() {
  52. const { fetchUser } = current.getState();
  53. { const fetchUser = () => 'shadow'; fetchUser(); }
  54. }
  55. export function siblingScope(flag: boolean) {
  56. if (flag) { const { fetchUser } = current.getState(); }
  57. return fetchUser();
  58. }
  59. export function unknownStore(unknown: any) { unknown.getState().reset(); }
  60. export function unknownFactory(db: any) { db.prepare().reset(); }
  61. `);
  62. write('not-a-store.ts', `export const fake = otherFactory(() => ({ reset() { return 1; } }));`);
  63. write('selectors.ts', `import { useStore as current, anotherStore } from './store';
  64. import { fake } from './not-a-store';
  65. export function rootShadow(current: any) { const selected = current(s => s.reset); selected(); }
  66. export function rootBlockShadow() { const current = fake; const selected = current(s => s.reset); selected(); }
  67. export function fakeSelector() { const selected = fake(s => s.reset); selected(); }
  68. export function Screen() {
  69. const selected = current((s) => s.reset);
  70. const otherSelected = anotherStore(s => s.reset);
  71. function captured() { selected(); }
  72. function otherCaptured() { otherSelected(); }
  73. function parameterShadow(selected: () => void) { selected(); }
  74. const arrowShadow = (selected: () => void) => { selected(); };
  75. function localShadow() { const selected = () => 1; selected(); }
  76. return { captured, otherCaptured, parameterShadow, arrowShadow, localShadow };
  77. }
  78. export function sibling() { const selected = current(s => s.reset); }
  79. export function outside() { selected(); }
  80. export function wrongSelector(other: any) {
  81. const selected = current(s => other.reset);
  82. selected();
  83. }
  84. export function unknownSelector(unknown: any) {
  85. const selected = unknown(s => s.reset);
  86. selected();
  87. }
  88. `);
  89. write('effects.ts', `import { client } from './client';
  90. export function create() { return 1; }
  91. export function effects() {
  92. client.user.create({ data: {} });
  93. client?.user?.create({ data: {} });
  94. }
  95. `);
  96. write('client.ts', `export const client = {};`);
  97. cg = CodeGraph.initSync(dir);
  98. await cg.indexAll();
  99. }, 60000);
  100. afterAll(() => {
  101. cg?.close();
  102. if (dir) fs.rmSync(dir, { recursive: true, force: true });
  103. });
  104. function node(name: string, file?: string, line?: number) {
  105. const nodes = [...cg.getNodesByKind('function'), ...cg.getNodesByKind('method')];
  106. const found = nodes.find(n => n.qualifiedName === name && (!file || n.filePath === file) && (!line || n.startLine === line));
  107. expect(found, `${file ?? ''}:${name}`).toBeDefined();
  108. return found!;
  109. }
  110. const targets = (id: string) => cg.getOutgoingEdges(id).filter(e => e.kind === 'calls').map(e => e.target);
  111. describe('release-to-main correctness regressions', () => {
  112. it('keeps the TSX → TS observer registration and resulting callback flow', () => {
  113. expect(targets(node('App::componentDidMount').id)).toContain(node('Scene::onUpdate').id);
  114. expect(targets(node('Scene::triggerUpdate').id)).toContain(node('App::triggerRender').id);
  115. });
  116. it.each(['Reverse', 'Legacy', 'LegacyReverse'])('resolves %s across sibling JS/TS extensions', (name) => {
  117. expect(targets(node(`${name}Caller::send`).id)).toEqual([node(`${name}::send`).id]);
  118. });
  119. it('traces a destructured imported store action ahead of a same-named local function', () => {
  120. expect(targets(node('loginFlow').id)).toContain(node('fetchUser', 'store.ts').id);
  121. expect(targets(node('loginFlow').id)).not.toContain(node('fetchUser', 'consumer.ts').id);
  122. });
  123. it('resolves both accessor forms to implementations even with interface signatures and a second store', () => {
  124. const reset = node('reset', 'store.ts', 5).id;
  125. const other = node('reset', 'store.ts', 8).id;
  126. expect(targets(node('fetchUser', 'store.ts').id)).toContain(reset);
  127. expect(targets(node('hardReset').id)).toContain(reset);
  128. expect(targets(node('hardReset').id)).not.toContain(other);
  129. expect(targets(node('otherReset').id)).toContain(other);
  130. expect(targets(node('otherReset').id)).not.toContain(reset);
  131. });
  132. it('traces each action in a declaration with multiple named bindings', () => {
  133. const calls = targets(node('multipleBindings').id);
  134. expect(calls).toContain(node('fetchUser', 'store.ts').id);
  135. expect(calls).toContain(node('reset', 'store.ts', 5).id);
  136. });
  137. it.each(['shadowed', 'siblingScope'])('does not leak a destructured action into %s', (name) => {
  138. expect(targets(node(name).id)).not.toContain(node('fetchUser', 'store.ts').id);
  139. });
  140. it('follows selectors captured by closures to their own store action', () => {
  141. expect(targets(node('Screen::captured').id)).toEqual([node('reset', 'store.ts', 5).id]);
  142. expect(targets(node('Screen::otherCaptured').id)).toEqual([node('reset', 'store.ts', 8).id]);
  143. });
  144. it.each(['Screen::parameterShadow', 'Screen::arrowShadow', 'Screen::localShadow', 'outside', 'wrongSelector', 'unknownSelector', 'rootShadow', 'rootBlockShadow'])('does not guess a selector action in %s', (name) => {
  145. const calls = targets(node(name, 'selectors.ts').id);
  146. expect(calls).not.toContain(node('reset', 'store.ts', 5).id);
  147. expect(calls).not.toContain(node('reset', 'store.ts', 8).id);
  148. });
  149. it('retains external call sites without binding them to an import or same-named function', () => {
  150. const caller = node('effects', 'effects.ts');
  151. expect(targets(caller.id)).toEqual([]);
  152. expect(targets(node('fakeSelector', 'selectors.ts').id)).not.toContain(node('reset', 'not-a-store.ts').id);
  153. const refs = cg.getUnresolvedReferencesFrom(caller.id).filter(r => r.referenceKind === 'calls');
  154. expect(refs.map(r => r.referenceName)).toEqual(['client.user.create', 'client.user.create']);
  155. });
  156. it.each(['unknownStore', 'unknownFactory'])('does not guess an action for %s', (name) => {
  157. for (const action of cg.getNodesByKind('function').filter(n => n.filePath === 'store.ts')) {
  158. expect(targets(node(name).id)).not.toContain(action.id);
  159. }
  160. });
  161. });