{
  "cases": [
    {
      "name": "two_columns_uniform",
      "columns": 2,
      "items": [
        { "id": "a", "colSpan": 1, "rowSpan": 1 },
        { "id": "b", "colSpan": 1, "rowSpan": 1 },
        { "id": "c", "colSpan": 1, "rowSpan": 1 }
      ],
      "expected": {
        "rowCount": 2,
        "placements": [
          { "id": "a", "col": 0, "row": 0, "colSpan": 1, "rowSpan": 1 },
          { "id": "b", "col": 1, "row": 0, "colSpan": 1, "rowSpan": 1 },
          { "id": "c", "col": 0, "row": 1, "colSpan": 1, "rowSpan": 1 }
        ]
      }
    },
    {
      "name": "wide_then_dense_backfill",
      "columns": 4,
      "items": [
        { "id": "big", "colSpan": 2, "rowSpan": 2 },
        { "id": "a", "colSpan": 1, "rowSpan": 1 },
        { "id": "b", "colSpan": 1, "rowSpan": 1 },
        { "id": "c", "colSpan": 1, "rowSpan": 1 },
        { "id": "d", "colSpan": 1, "rowSpan": 1 }
      ],
      "expected": {
        "rowCount": 2,
        "placements": [
          { "id": "big", "col": 0, "row": 0, "colSpan": 2, "rowSpan": 2 },
          { "id": "a", "col": 2, "row": 0, "colSpan": 1, "rowSpan": 1 },
          { "id": "b", "col": 3, "row": 0, "colSpan": 1, "rowSpan": 1 },
          { "id": "c", "col": 2, "row": 1, "colSpan": 1, "rowSpan": 1 },
          { "id": "d", "col": 3, "row": 1, "colSpan": 1, "rowSpan": 1 }
        ]
      }
    },
    {
      "name": "tall_card",
      "columns": 2,
      "items": [
        { "id": "tall", "colSpan": 1, "rowSpan": 2 },
        { "id": "a", "colSpan": 1, "rowSpan": 1 },
        { "id": "b", "colSpan": 1, "rowSpan": 1 }
      ],
      "expected": {
        "rowCount": 2,
        "placements": [
          { "id": "tall", "col": 0, "row": 0, "colSpan": 1, "rowSpan": 2 },
          { "id": "a", "col": 1, "row": 0, "colSpan": 1, "rowSpan": 1 },
          { "id": "b", "col": 1, "row": 1, "colSpan": 1, "rowSpan": 1 }
        ]
      }
    },
    {
      "name": "colspan_clamped_to_columns",
      "columns": 2,
      "items": [
        { "id": "wide", "colSpan": 3, "rowSpan": 1 }
      ],
      "expected": {
        "rowCount": 1,
        "placements": [
          { "id": "wide", "col": 0, "row": 0, "colSpan": 2, "rowSpan": 1 }
        ]
      }
    }
  ]
}