Merge "Less related changes jank"

polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.js

@@ -409,6 +409,7 @@
 
       this._changeNum = value.changeNum;
       this._patchRange = patchRange;
+      this.$.relatedChanges.clear();
 
       this._reload().then(function() {
         this._performPostLoadTasks();

polygerrit-ui/app/elements/change/gr-change-view/gr-change-view_test.html

@@ -479,6 +479,7 @@ limitations under the License.
       var reloadPatchDependentStub = sandbox.stub(element,
           '_reloadPatchNumDependentResources',
           function() { return Promise.resolve(); });
+      var relatedClearSpy = sandbox.spy(element.$.relatedChanges, 'clear');
 
       var value = {
         view: 'gr-change-view',
@@ -486,6 +487,8 @@ limitations under the License.
       };
       element._paramsChanged(value);
       assert.isTrue(reloadStub.calledOnce);
+      assert.isTrue(relatedClearSpy.calledOnce);
+
       element._initialLoadComplete = true;
 
       value.basePatchNum = '1';
@@ -493,7 +496,7 @@ limitations under the License.
       element._paramsChanged(value);
       assert.isFalse(reloadStub.calledTwice);
       assert.isTrue(reloadPatchDependentStub.calledOnce);
-
+      assert.isTrue(relatedClearSpy.calledOnce);
     });
 
     test('reload entire page when patchRange doesnt change', function() {

polygerrit-ui/app/elements/change/gr-related-changes-list/gr-related-changes-list.js

@@ -53,6 +53,10 @@
           '_conflicts, _cherryPicks, _sameTopic)',
     ],
 
+    clear: function() {
+      this._loading = true;
+    },
+
     reload: function() {
       if (!this.change || !this.patchNum) {
         return Promise.resolve();