Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Share | QA | Testing and docs #1127

Merged
merged 6 commits into from
Apr 2, 2019
Merged

Share | QA | Testing and docs #1127

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
66e95c9
chore: adding tests
mikemai2awesome Mar 25, 2019
352c21e
fix: lint js
mikemai2awesome Mar 25, 2019
d232d05
chore: update tests
mikemai2awesome Mar 26, 2019
90f84ae
Merge branch 'master' into feature/bds-958-share-testing-and-docs
mikemai2awesome Mar 26, 2019
0ab922f
chore: update tests
mikemai2awesome Mar 26, 2019
9ebb721
fix: testing instructions
mikemai2awesome Apr 2, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions packages/components/bolt-share/TESTING.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# Share component testing steps

## Share component render as expected (functionally and visually)

The server-side pre-rendered `bolt-share` component should look almost identical to the client-side rendered version. To verify:

1. Disable javascript and view the [Share Demo page](https://boltdesignsystem.com/pattern-lab/patterns/02-components-share-05-share/02-components-share-05-share.html).
2. Then, enable javascript and watch as the Share re-renders on the client-side.
3. The layout should not shift, e.g. the spacing in between each share item should be identical before and after the web component re-renders.
danielamorse marked this conversation as resolved.
Show resolved Hide resolved

# Share component functional testing steps

Functional testing should be performed manually by the QA team across the standard compliment of browsers. In each scenario, browser-type is specified when necessary. If browser type is not specified, the test applies to both "desktop" and "mobile" browsers.

## Feature: share

In order to present social icon links in a share tool
As a UX designer, developer or content administrator
I need to ensure the "bolt-share" component renders and functions as expected

## Scenario: size variations

1. Given I am viewing the [size variations page](https://boltdesignsystem.com/pattern-lab/patterns/02-components-share-10-share-size-variations/02-components-share-10-share-size-variations.html).
2. The share tool should be presented in 2 sizes: small and medium.

## Scenario: opacity variations

1. Given I am viewing the [size variations page](https://boltdesignsystem.com/pattern-lab/patterns/02-components-share-15-share-opacity-variations/02-components-share-15-share-opacity-variations.html).
danielamorse marked this conversation as resolved.
Show resolved Hide resolved
2. The share tool should be presented in 5 opacity values: 20, 40, 60, 80, and 100.

## Scenario: align variations

1. Given I am viewing the [align variations page](https://boltdesignsystem.com/pattern-lab/patterns/02-components-share-20-share-align-variations/02-components-share-20-share-align-variations.html).
2. Start align should show share items aligned to the left (start of the share).
3. Center align should show share items aligned to the center.
4. End align should show share items aligned to the right (end of the share).
Loading