Align outro animations at slide end

test/region-layout.test.js

@@ -386,8 +386,8 @@ test('slide advanced popup applies changes, cancels drafts and preserves the par
   const previewTimers = [];
   const context = { window: { innerWidth: 1200,
     setTimeout(_callback, delay) { previewTimers.push(delay); return previewTimers.length; }, clearTimeout() {},
-    getComputedStyle() {
-      return { animationDuration: '400ms' };
+    getComputedStyle(element) {
+      return { animationDuration: element.dataset.regionKey === 'fixed_brand' ? '400ms' : '100ms' };
     },
     pulseModal: {
     show(modal) { this.getOrCreate(modal)._scrollBar.hide(); modal.shown = true; },
@@ -419,7 +419,10 @@ test('slide advanced popup applies changes, cancels drafts and preserves the par
         outro: { preset: 'hinge', duration_ms: 200, delay_ms: 500 },
         loop: { preset: 'pulse', duration_ms: 200, delay_ms: 240, iterations: 1 }
       } },
-      { region_key: 'fixed_brand_second', read_only: true, animation_json: { loop: { preset: 'pulse', duration_ms: 200, iterations: 1 } } }
+      { region_key: 'fixed_brand_second', read_only: true, animation_json: {
+        outro: { preset: 'fadeOut', duration_ms: 100 },
+        loop: { preset: 'pulse', duration_ms: 200, iterations: 1 }
+      } }
     ] }; },
     getAnimationOverrides() { return {}; }, requestPreviewRender() {}, markEdited() {},
     setAnimationOverrides(value) { applied = value; }
@@ -437,6 +440,7 @@ test('slide advanced popup applies changes, cancels drafts and preserves the par
   animationPreviewButtons[2].handlers.click();
   animationPreviewButtons[1].handlers.click();
   assert.equal(readonlyPreviewRegion.style.values['animation-delay'], '0ms');
+  assert.equal(secondPreviewRegion.style.values['animation-delay'], '300ms');
   animationPreviewButtons[1].handlers.click();
   assert.equal(previewTimers[previewTimers.length - 1], 580);
   const resetRegion = ids['slide-animation-reset-region'];