@projectcor/maia-components 2.35.4-1 → 2.35.4-3

package/lib/components/atoms/ReasoningBlock/useCollapsibleHeight.spec.js

@@ -0,0 +1,90 @@
+import { act, renderHook } from '@testing-library/react';
+import { REASONING_COLLAPSE_MS, useCollapsibleHeight } from './useCollapsibleHeight';
+var createMeasuredNode = function createMeasuredNode(scrollHeight) {
+  var node = document.createElement('div');
+  Object.defineProperty(node, 'scrollHeight', {
+    configurable: true,
+    value: scrollHeight
+  });
+  return node;
+};
+describe('useCollapsibleHeight', function () {
+  var originalMatchMedia = window.matchMedia;
+  beforeEach(function () {
+    window.matchMedia = jest.fn().mockImplementation(function () {
+      return {
+        matches: false,
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+        addEventListener: jest.fn(),
+        removeEventListener: jest.fn(),
+        dispatchEvent: jest.fn()
+      };
+    });
+  });
+  afterEach(function () {
+    window.matchMedia = originalMatchMedia;
+  });
+  it('starts closed at 0 and open at auto', function () {
+    var closed = renderHook(function () {
+      return useCollapsibleHeight(false);
+    });
+    expect(closed.result.current.height).toBe(0);
+    var opened = renderHook(function () {
+      return useCollapsibleHeight(true);
+    });
+    expect(opened.result.current.height).toBe('auto');
+  });
+  it('locks the measured height and then collapses to 0', function () {
+    var rafCallbacks = [];
+    jest.spyOn(window, 'requestAnimationFrame').mockImplementation(function (cb) {
+      rafCallbacks.push(cb);
+      return rafCallbacks.length;
+    });
+    var _renderHook = renderHook(function (_ref) {
+        var isOpen = _ref.isOpen;
+        return useCollapsibleHeight(isOpen);
+      }, {
+        initialProps: {
+          isOpen: true
+        }
+      }),
+      result = _renderHook.result,
+      rerender = _renderHook.rerender;
+    result.current.innerRef.current = createMeasuredNode(180);
+    rerender({
+      isOpen: false
+    });
+    expect(result.current.height).toBe(180);
+    act(function () {
+      rafCallbacks.forEach(function (cb) {
+        return cb(0);
+      });
+    });
+    expect(result.current.height).toBe(0);
+  });
+  it('measures the content when opening and releases to auto after the transition', function () {
+    jest.useFakeTimers();
+    var _renderHook2 = renderHook(function (_ref2) {
+        var isOpen = _ref2.isOpen;
+        return useCollapsibleHeight(isOpen);
+      }, {
+        initialProps: {
+          isOpen: false
+        }
+      }),
+      result = _renderHook2.result,
+      rerender = _renderHook2.rerender;
+    result.current.innerRef.current = createMeasuredNode(220);
+    rerender({
+      isOpen: true
+    });
+    expect(result.current.height).toBe(220);
+    act(function () {
+      jest.advanceTimersByTime(REASONING_COLLAPSE_MS);
+    });
+    expect(result.current.height).toBe('auto');
+    jest.useRealTimers();
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJhY3QiLCJyZW5kZXJIb29rIiwiUkVBU09OSU5HX0NPTExBUFNFX01TIiwidXNlQ29sbGFwc2libGVIZWlnaHQiLCJjcmVhdGVNZWFzdXJlZE5vZGUiLCJzY3JvbGxIZWlnaHQiLCJub2RlIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJjb25maWd1cmFibGUiLCJ2YWx1ZSIsImRlc2NyaWJlIiwib3JpZ2luYWxNYXRjaE1lZGlhIiwid2luZG93IiwibWF0Y2hNZWRpYSIsImJlZm9yZUVhY2giLCJqZXN0IiwiZm4iLCJtb2NrSW1wbGVtZW50YXRpb24iLCJtYXRjaGVzIiwiYWRkTGlzdGVuZXIiLCJyZW1vdmVMaXN0ZW5lciIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZGlzcGF0Y2hFdmVudCIsImFmdGVyRWFjaCIsIml0IiwiY2xvc2VkIiwiZXhwZWN0IiwicmVzdWx0IiwiY3VycmVudCIsImhlaWdodCIsInRvQmUiLCJvcGVuZWQiLCJyYWZDYWxsYmFja3MiLCJzcHlPbiIsImNiIiwicHVzaCIsImxlbmd0aCIsIl9yZW5kZXJIb29rIiwiX3JlZiIsImlzT3BlbiIsImluaXRpYWxQcm9wcyIsInJlcmVuZGVyIiwiaW5uZXJSZWYiLCJmb3JFYWNoIiwidXNlRmFrZVRpbWVycyIsIl9yZW5kZXJIb29rMiIsIl9yZWYyIiwiYWR2YW5jZVRpbWVyc0J5VGltZSIsInVzZVJlYWxUaW1lcnMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9SZWFzb25pbmdCbG9jay91c2VDb2xsYXBzaWJsZUhlaWdodC5zcGVjLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFjdCwgcmVuZGVySG9vayB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnXG5pbXBvcnQgeyBSRUFTT05JTkdfQ09MTEFQU0VfTVMsIHVzZUNvbGxhcHNpYmxlSGVpZ2h0IH0gZnJvbSAnLi91c2VDb2xsYXBzaWJsZUhlaWdodCdcblxuY29uc3QgY3JlYXRlTWVhc3VyZWROb2RlID0gKHNjcm9sbEhlaWdodDogbnVtYmVyKTogSFRNTERpdkVsZW1lbnQgPT4ge1xuICBjb25zdCBub2RlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JylcbiAgT2JqZWN0LmRlZmluZVByb3BlcnR5KG5vZGUsICdzY3JvbGxIZWlnaHQnLCB7IGNvbmZpZ3VyYWJsZTogdHJ1ZSwgdmFsdWU6IHNjcm9sbEhlaWdodCB9KVxuICByZXR1cm4gbm9kZVxufVxuXG5kZXNjcmliZSgndXNlQ29sbGFwc2libGVIZWlnaHQnLCAoKSA9PiB7XG4gIGNvbnN0IG9yaWdpbmFsTWF0Y2hNZWRpYSA9IHdpbmRvdy5tYXRjaE1lZGlhXG5cbiAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgd2luZG93Lm1hdGNoTWVkaWEgPSBqZXN0LmZuKCkubW9ja0ltcGxlbWVudGF0aW9uKCgpID0+ICh7XG4gICAgICBtYXRjaGVzOiBmYWxzZSxcbiAgICAgIGFkZExpc3RlbmVyOiBqZXN0LmZuKCksXG4gICAgICByZW1vdmVMaXN0ZW5lcjogamVzdC5mbigpLFxuICAgICAgYWRkRXZlbnRMaXN0ZW5lcjogamVzdC5mbigpLFxuICAgICAgcmVtb3ZlRXZlbnRMaXN0ZW5lcjogamVzdC5mbigpLFxuICAgICAgZGlzcGF0Y2hFdmVudDogamVzdC5mbigpLFxuICAgIH0pKVxuICB9KVxuXG4gIGFmdGVyRWFjaCgoKSA9PiB7XG4gICAgd2luZG93Lm1hdGNoTWVkaWEgPSBvcmlnaW5hbE1hdGNoTWVkaWFcbiAgfSlcblxuICBpdCgnc3RhcnRzIGNsb3NlZCBhdCAwIGFuZCBvcGVuIGF0IGF1dG8nLCAoKSA9PiB7XG4gICAgY29uc3QgY2xvc2VkID0gcmVuZGVySG9vaygoKSA9PiB1c2VDb2xsYXBzaWJsZUhlaWdodChmYWxzZSkpXG4gICAgZXhwZWN0KGNsb3NlZC5yZXN1bHQuY3VycmVudC5oZWlnaHQpLnRvQmUoMClcblxuICAgIGNvbnN0IG9wZW5lZCA9IHJlbmRlckhvb2soKCkgPT4gdXNlQ29sbGFwc2libGVIZWlnaHQodHJ1ZSkpXG4gICAgZXhwZWN0KG9wZW5lZC5yZXN1bHQuY3VycmVudC5oZWlnaHQpLnRvQmUoJ2F1dG8nKVxuICB9KVxuXG4gIGl0KCdsb2NrcyB0aGUgbWVhc3VyZWQgaGVpZ2h0IGFuZCB0aGVuIGNvbGxhcHNlcyB0byAwJywgKCkgPT4ge1xuICAgIGNvbnN0IHJhZkNhbGxiYWNrczogQXJyYXk8KHRpbWU6IG51bWJlcikgPT4gdm9pZD4gPSBbXVxuICAgIGplc3Quc3B5T24od2luZG93LCAncmVxdWVzdEFuaW1hdGlvbkZyYW1lJykubW9ja0ltcGxlbWVudGF0aW9uKGNiID0+IHtcbiAgICAgIHJhZkNhbGxiYWNrcy5wdXNoKGNiKVxuICAgICAgcmV0dXJuIHJhZkNhbGxiYWNrcy5sZW5ndGhcbiAgICB9KVxuXG4gICAgY29uc3QgeyByZXN1bHQsIHJlcmVuZGVyIH0gPSByZW5kZXJIb29rKCh7IGlzT3BlbiB9KSA9PiB1c2VDb2xsYXBzaWJsZUhlaWdodChpc09wZW4pLCB7XG4gICAgICBpbml0aWFsUHJvcHM6IHsgaXNPcGVuOiB0cnVlIH0sXG4gICAgfSlcbiAgICByZXN1bHQuY3VycmVudC5pbm5lclJlZi5jdXJyZW50ID0gY3JlYXRlTWVhc3VyZWROb2RlKDE4MClcblxuICAgIHJlcmVuZGVyKHsgaXNPcGVuOiBmYWxzZSB9KVxuICAgIGV4cGVjdChyZXN1bHQuY3VycmVudC5oZWlnaHQpLnRvQmUoMTgwKVxuXG4gICAgYWN0KCgpID0+IHtcbiAgICAgIHJhZkNhbGxiYWNrcy5mb3JFYWNoKGNiID0+IGNiKDApKVxuICAgIH0pXG4gICAgZXhwZWN0KHJlc3VsdC5jdXJyZW50LmhlaWdodCkudG9CZSgwKVxuICB9KVxuXG4gIGl0KCdtZWFzdXJlcyB0aGUgY29udGVudCB3aGVuIG9wZW5pbmcgYW5kIHJlbGVhc2VzIHRvIGF1dG8gYWZ0ZXIgdGhlIHRyYW5zaXRpb24nLCAoKSA9PiB7XG4gICAgamVzdC51c2VGYWtlVGltZXJzKClcbiAgICBjb25zdCB7IHJlc3VsdCwgcmVyZW5kZXIgfSA9IHJlbmRlckhvb2soKHsgaXNPcGVuIH0pID0+IHVzZUNvbGxhcHNpYmxlSGVpZ2h0KGlzT3BlbiksIHtcbiAgICAgIGluaXRpYWxQcm9wczogeyBpc09wZW46IGZhbHNlIH0sXG4gICAgfSlcbiAgICByZXN1bHQuY3VycmVudC5pbm5lclJlZi5jdXJyZW50ID0gY3JlYXRlTWVhc3VyZWROb2RlKDIyMClcblxuICAgIHJlcmVuZGVyKHsgaXNPcGVuOiB0cnVlIH0pXG4gICAgZXhwZWN0KHJlc3VsdC5jdXJyZW50LmhlaWdodCkudG9CZSgyMjApXG5cbiAgICBhY3QoKCkgPT4ge1xuICAgICAgamVzdC5hZHZhbmNlVGltZXJzQnlUaW1lKFJFQVNPTklOR19DT0xMQVBTRV9NUylcbiAgICB9KVxuICAgIGV4cGVjdChyZXN1bHQuY3VycmVudC5oZWlnaHQpLnRvQmUoJ2F1dG8nKVxuICAgIGplc3QudXNlUmVhbFRpbWVycygpXG4gIH0pXG59KVxuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLEVBQUVDLFVBQVUsUUFBUSx3QkFBd0I7QUFDeEQsU0FBU0MscUJBQXFCLEVBQUVDLG9CQUFvQixRQUFRLHdCQUF3QjtBQUVwRixJQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQWtCQSxDQUFJQyxZQUFvQixFQUFxQjtFQUNuRSxJQUFNQyxJQUFJLEdBQUdDLFFBQVEsQ0FBQ0MsYUFBYSxDQUFDLEtBQUssQ0FBQztFQUMxQ0MsTUFBTSxDQUFDQyxjQUFjLENBQUNKLElBQUksRUFBRSxjQUFjLEVBQUU7SUFBRUssWUFBWSxFQUFFLElBQUk7SUFBRUMsS0FBSyxFQUFFUDtFQUFhLENBQUMsQ0FBQztFQUN4RixPQUFPQyxJQUFJO0FBQ2IsQ0FBQztBQUVETyxRQUFRLENBQUMsc0JBQXNCLEVBQUUsWUFBTTtFQUNyQyxJQUFNQyxrQkFBa0IsR0FBR0MsTUFBTSxDQUFDQyxVQUFVO0VBRTVDQyxVQUFV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