## Spec for "Grid Item Cell" Plugin...

A configurable Grid Item Cell widget that can be added to any web page

## Table of Contents​

- [Spec for "Grid Item Cell" Plugin...](#spec-for-%22grid-item-cell%22-plugin)
- [Table of Contents​](#table-of-contents%e2%80%8b)
- [Workflow](#workflow)
- [User Stories](#user-stories)
- [Screens / States​](#screens--states%e2%80%8b)
- [Sections Used](#sections-used)
- [Test Plan](#test-plan)

## Workflow

(N/A)​

## User Stories

As a user, I can...

## Screens / States​

![]()

## Sections Used

- Padding
- Alignment

## Test Plan

| √   | Scenario                                                            | Expected                                                                    |
| --- | ------------------------------------------------------------------- | --------------------------------------------------------------------------- |
| √   | When a user opens the Grid component's property window              | Ability to edit the [Grid Item Cell] appears                                |
| √   | When a user clicks to edit the Grid Item Cell widget                | A simple Grid Item properties box appears                                   |
| √   | When a user changes the layout (align, position)                    | Cell settings adjust accordingly (both editor & live mode)                  |
| √   | When a user configures the design (font, color, bg, border, shadow) | Cell settings adjust accordingly (both editor & live mode)                  |
| √   | When a user publishes a page with the Grid Item Cell                | The destination page shows the Grid Item Cell as specified on the live page |
| √   | When a user specifies an post Cell action (redirect, popup, tag)    | Cell settings adjust accordingly (both editor & live mode)                  |
| x   | When a user chooses a preset                                        | Cell settings overwrite to the preset settings                              |