# Event Stacking & Grid Layout - Test Scenarios

## About This Test Suite

This test suite validates the event layout algorithm for the Calendar Plantempus application. The algorithm determines how overlapping events should be rendered using two strategies:

- GRID Layout: Events that start within a threshold (±30 minutes) are placed in a grid container where they can share columns
- STACKED Layout: Events are stacked with horizontal offsets (15px per level)

Each scenario tests a specific edge case or layout pattern. Click on a scenario below to view the visual representation and test results.

### Scenario 1: No Overlap

Three sequential events with no time overlap. All should have stack level 0.

View Test →

### Scenario 2: Column Sharing (Grid)

Two events starting at same time (10:00) - should share columns in a grid with 2 columns.

View Test →

### Scenario 3: Nested Stacking

Events with progressive nesting: A contains B, B contains C, C and D overlap. Tests stack level calculation.

View Test →

### Scenario 4: Complex Stacking

Long event (A) with multiple shorter events (B, C, D) nested inside at different times.

View Test →

### Scenario 5: Three Column Share

Three events all starting at 10:00 - should create a 3-column grid layout.

View Test →

### Scenario 6: Overlapping Pairs

Two separate pairs of overlapping events. Each pair should be independent.

View Test →

### Scenario 7: Long Event Container

One long event (A) containing two shorter events (B, C) that don't overlap each other.

View Test →

### Scenario 8: Edge-Adjacent Events

Events that touch but don't overlap (A ends when B starts). Should not stack.

View Test →

### Scenario 9: End-to-Start Chain

Events linked by end-to-start conflicts within threshold. Tests conflict chain detection.

View Test →

### Scenario 10: Four Column Grid

Four events all starting at same time - maximum column sharing test.

View Test →