facebookarchive/prepack
1
1
Fork 0
mirror of https://github.com/facebookarchive/prepack.git synced 2024-10-27 07:41:52 +03:00
Code Issues Projects Releases Wiki Activity
67a47fd48f
prepack/test/react/__snapshots__/Reconciliation-test.js.snap
Dan Abramov 5159b0d832 Make React tests fast (#2187) 
Summary:
Currently we have a single giant file with all tests, and a giant snapshot. This is both slow, and hard to work with and iterate on.

In this PR I will refactor our test setup.

- [x] Split it up into multiple files (gets the test running from 45s to 27s)
- [x] Run Prettier on test files
- [x] Split tests further for better performance
- [x] Make it possible to run one test file
- [x] Fix the issue with double test re-runs in watch mode on changes in the test file
- [x] Refactor error handling
- [x] Run Prettier on fixtures
- [x] Add a fast mode with `yarn test-react-fast <Filename>`
- [x] Fix double reruns on failure

Potential followups:
- [x] Figure out why test interruption broke (need https://github.com/facebook/jest/issues/6599 and https://github.com/facebook/jest/issues/6598 fixed)
- [x] Revisit weird things like `this['React']` assignment with a funny comment in every test
Closes https://github.com/facebook/prepack/pull/2187

Differential Revision: D8713639

Pulled By: gaearon

fbshipit-source-id: 5edbfa4e61610ecafff17c0e5e7f84d44cd51168
2018-07-02 11:25:58 -07:00

2590 lines
55 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Component type change 2: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 2: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 2: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 2: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 3: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 3: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 3: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 3: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 4: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 4: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 4: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 4: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 5: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 5: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 5: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 5: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 4,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 6: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 6: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 6: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 6: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 7: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 7: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 7: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 7: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 8: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 8: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 8: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 8: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 9: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 9: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 9: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 9: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 10: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 10: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 10: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 10: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 11: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 11: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 11: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change 11: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Bar",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type change: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Component type change: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Component type change: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Component type change: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Component type same: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type same: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type same: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Component type same: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Foo",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key change with fragments: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change with fragments: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change with fragments: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change with fragments: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 4,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 4,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 4,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key change: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 4,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key nesting 2: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 2: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 2: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 2: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 3: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 3: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 3: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting 3: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 3,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
Object {
"children": Array [],
"message": "",
"name": "Child",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Key nesting: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key nesting: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key nesting: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key nesting: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 6,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "MessagePane",
"status": "INLINED",
},
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "SettingsPane",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 2,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key not changing with fragments: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key not changing with fragments: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key not changing with fragments: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Key not changing with fragments: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 5,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "React.Fragment",
"status": "NORMAL",
},
Object {
"children": Array [],
"message": "",
"name": "Stateful",
"status": "NEW_TREE",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 2,
}
`;
exports[`Lazy branched elements 2: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 2,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Button",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 1,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements 2: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 2,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Button",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 1,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements 2: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 2,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Button",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 1,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements 2: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 2,
"evaluatedRootNodes": Array [
Object {
"children": Array [
Object {
"children": Array [],
"message": "",
"name": "Button",
"status": "INLINED",
},
],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 1,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements: (JSX => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 1,
"evaluatedRootNodes": Array [
Object {
"children": Array [],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements: (JSX => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 1,
"evaluatedRootNodes": Array [
Object {
"children": Array [],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements: (createElement => JSX) 1`] = `
ReactStatistics {
"componentsEvaluated": 1,
"evaluatedRootNodes": Array [
Object {
"children": Array [],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
exports[`Lazy branched elements: (createElement => createElement) 1`] = `
ReactStatistics {
"componentsEvaluated": 1,
"evaluatedRootNodes": Array [
Object {
"children": Array [],
"message": "",
"name": "App",
"status": "ROOT",
},
],
"inlinedComponents": 0,
"optimizedNestedClosures": 0,
"optimizedTrees": 1,
}
`;
Reference in New Issue View Git Blame Copy Permalink