## Spec for "MyNewComponent" Plugin...

A sample Web Component that can be added to any web page

## Table of Contents​

- [Spec for "MyNewComponent" Plugin...](#spec-for-mynewcomponent-plugin)
- [Table of Contents​](#table-of-contents)
- [Workflow](#workflow)
- [User Stories](#user-stories)
- [Screens / States​](#screens--states)
- [Sections Used](#sections-used)
- [Test Plan](#test-plan)

## Workflow

(N/A)​

## User Stories

As a user, I can...

- Add a Progress object on my page
- Choose from a few pre-built designs for me to choose from
- Control basic layout (width, height, alignment, up/down position)
- Progress percentage

## Screens / States​

![]()

## Sections Used

- Custom Color

## Test Plan

| √   | Scenario                                                            | Expected                                                                    |
| --- | ------------------------------------------------------------------- | --------------------------------------------------------------------------- |
| √   | When a user opens the [add new] tab                                 | A [MyNewComponent Widget] appears                                           |
| √   | When a user drags the MyNewComponent widget to the canvas           | A simple MyNewComponent Widget appears                                      |
| √   | When a user clicks the [*] button on the widget                     | The MyNewComponent properties box appears                                   |
| √   | When a user changes the layout (align, position)                    | settings adjust accordingly (both editor & live mode)                       |
| √   | When a user publishes a page with the MyNewComponent                | The destination page shows the MyNewComponent as specified on the live page |