reakit/src/Composite/__utils/__tests__/verticalizeItems-test.ts

Toolkit for building accessible rich web apps with React

import { verticalizeItems } from "../verticalizeItems";
import { Item } from "../types";

test("verticalizeItems", () => {
  const items: Item[] = [
    { id: "0", ref: { current: null } },
    { id: "1", ref: { current: null } },
    { id: "2", ref: { current: null }, groupId: "0" },
    { id: "3", ref: { current: null }, groupId: "0" },
    { id: "4", ref: { current: null }, groupId: "1" },
    { id: "5", ref: { current: null }, groupId: "1" },
    { id: "6", ref: { current: null }, groupId: "2" },
    { id: "7", ref: { current: null }, groupId: "2" },
  ];
  expect(verticalizeItems(items)).toEqual([
    items[0],
    { ...items[2], groupId: "0" },
    { ...items[4], groupId: "0" },
    { ...items[6], groupId: "0" },
    items[1],
    { ...items[3], groupId: "1" },
    { ...items[5], groupId: "1" },
    { ...items[7], groupId: "1" },
  ]);
});