Add perf test for replacing state with new state that matches local state (emberjs#9703)

* Add perf test for replacing state with new state that matches local state

* Fix typo

* Simplify

Author: gitKrystan

.github/workflows/perf-check.yml

@@ -104,6 +104,11 @@ jobs:
                 "control": "http://localhost:4200/unused-relationships",
                 "experiment": "http://localhost:4201/unused-relationships",
                 "markers": "start-push-payload,end-push-payload"
+              },
+              "update-with-same-state": {
+                "control": "http://localhost:4200/update-with-same-state",
+                "experiment": "http://localhost:4201/update-with-same-state",
+                "markers": "start-data-generation,start-push-initial-payload,start-peek-records,start-record-materialization,start-relationship-materialization,start-local-removal,start-push-minus-one-payload,start-local-addition,start-push-plus-one-payload,end-push-plus-one-payload"
               }
             }
           fidelity: 60

.github/workflows/perf-over-release.yml

@@ -103,6 +103,11 @@ jobs:
                 "control": "http://localhost:4200/unused-relationships",
                 "experiment": "http://localhost:4201/unused-relationships",
                 "markers": "start-push-payload,end-push-payload"
+              },
+              "update-with-same-state": {
+                "control": "http://localhost:4200/update-with-same-state",
+                "experiment": "http://localhost:4201/update-with-same-state",
+                "markers": "start-data-generation,start-push-initial-payload,start-peek-records,start-record-materialization,start-relationship-materialization,start-local-removal,start-push-minus-one-payload,start-local-addition,start-push-plus-one-payload,end-push-plus-one-payload"
               }
             }
           fidelity: 60

tests/performance/app/router.js

@@ -18,6 +18,7 @@ Router.map(function () {
   this.route('unload-all');
   this.route('destroy');
   this.route('unused-relationships');
+  this.route('update-with-same-state');
 });
 
 export default Router;

tests/performance/app/routes/update-with-same-state.js

@@ -0,0 +1,63 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+  store: service(),
+
+  async model() {
+    performance.mark('start-data-generation');
+
+    const initialPayload = await fetch('./fixtures/add-children-initial.json').then((r) => r.json());
+    const initialPayload2 = structuredClone(initialPayload);
+
+    const minusOnePayload = structuredClone(initialPayload);
+    minusOnePayload.data.relationships.children.data.pop();
+    minusOnePayload.included.pop();
+
+    performance.mark('start-push-initial-payload');
+    this.store.push(initialPayload);
+
+    performance.mark('start-peek-records');
+    const peekedChildren = this.store.peekAll('child');
+    const peekedParents = this.store.peekAll('parent');
+
+    performance.mark('start-record-materialization');
+    peekedChildren.slice();
+    peekedParents.slice();
+
+    performance.mark('start-relationship-materialization');
+    const seen = new Set();
+    peekedParents.forEach((parent) => iterateParent(parent, seen));
+    const parent = peekedParents[0];
+    const children = await parent.children;
+
+    performance.mark('start-local-removal');
+    const removedChild = children.pop();
+
+    performance.mark('start-push-minus-one-payload');
+    this.store.push(minusOnePayload);
+
+    performance.mark('start-local-addition');
+    children.push(removedChild);
+
+    performance.mark('start-push-plus-one-payload');
+    this.store.push(initialPayload2);
+
+    performance.mark('end-push-plus-one-payload');
+  },
+});
+
+function iterateChild(record, seen) {
+  if (seen.has(record)) {
+    return;
+  }
+  seen.add(record);
+
+  record.bestFriend.get('name');
+  record.secondBestFriend.get('name');
+  record.friends.forEach((child) => iterateChild(child, seen));
+}
+function iterateParent(record, seen) {
+  seen.add(record);
+  record.children.forEach((child) => iterateChild(child, seen));
+}

tests/performance/app/templates/application.hbs

@@ -10,4 +10,5 @@
   <li><LinkTo @route='add-children-to-materialized'>Add Children To Materialized</LinkTo></li>
   <li><LinkTo @route='add-children-then-materialize'>Add Children Then Materialize</LinkTo></li>
   <li><LinkTo @route='unused-relationships'>Unused Relationships</LinkTo></li>
+  <li><LinkTo @route='update-with-same-state'>Update With Same State</LinkTo></li>
 </ol>