refactor(components): rewrite PostsList component

* remove NoResults component and move logic to Search page
* add a usePostsList hook
* remove Pagination from PostsList (it is only used if javascript is
disabled and not on every posts list)
* replace `byYear` prop with `sortByYear`
* replace `loadMore` prop with `onLoadMore`
* remove `showLoadMoreBtn` (we can use `loadMore` prop instead to
determine if we need to display the button)
* replace `titleLevel` prop with `headingLvl`
* add `firstNewResult` prop to handle focus on the new results when
loading more article (we should not focus a useless span but the item
directly)

1 files changed, 28 insertions, 0 deletions

diff --git a/src/utils/helpers/refs.test.tsx b/src/utils/helpers/refs.test.tsx
new file mode 100644
index 0000000..93e5f89
--- /dev/null
+++ b/src/utils/helpers/refs.test.tsx
@@ -0,0 +1,28 @@
+import { describe, it, jest } from '@jest/globals';
+import { render } from '@testing-library/react';
+import { forwardRef, useImperativeHandle } from 'react';
+import { mergeRefs } from './refs';
+
+const refValue = 'minus architecto qui';
+const TestComponentWithForwardedRef = forwardRef((_, ref) => {
+  useImperativeHandle(ref, () => refValue);
+  return null;
+});
+TestComponentWithForwardedRef.displayName = 'TestComponentWithForwardedRef';
+
+describe('merge-refs', () => {
+  it('can merge a ref function with a ref object', () => {
+    const refFn = jest.fn();
+    const refObj = { current: null };
+
+    const TestComponent = () => (
+      <TestComponentWithForwardedRef ref={mergeRefs([refFn, refObj])} />
+    );
+
+    render(<TestComponent />);
+
+    expect(refFn).toHaveBeenCalledTimes(1);
+    expect(refFn).toHaveBeenLastCalledWith(refValue);
+    expect(refObj.current).toBe(refValue);
+  });
+});