-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
372 additions
and
0 deletions.
There are no files selected for viewing
180 changes: 180 additions & 0 deletions
180
theme/src/js/components/__tests__/__snapshots__/CallToAction.js.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,180 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`CallToAction renders correctly 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
|
|
||
| exports[`CallToAction renders with a message 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item</a> | ||
| </div> | ||
| <div class="col-7 message"> | ||
| <div class="secondary-text secondary-text-color">Message</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
|
|
||
| exports[`CallToAction renders with an icon 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <svg class="lexicon-icon lexicon-icon-ticket icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| <a class="link semibold" href="/">Action Item</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with class name 1`] = ` | ||
| <div class="class-name"> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with disclaimer text 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item</a> | ||
| </div> | ||
| <div class="col-7 message"> | ||
| <div class="disclaimer small"> | ||
| <svg class="lexicon-icon lexicon-icon-info-circle"> | ||
| <use xlink:href="#info"></use> | ||
| </svg>This is a disclaimer.</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with promotions 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-5"> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Promotion Name | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with promotions containing description 1`] = ` | ||
| <div> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-5"> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Promotion Name | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Promotion Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with section heading 1`] = ` | ||
| <div> | ||
| <h2 class="col-md-12">Section Heading</h2> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; | ||
| exports[`CallToAction renders with section heading 2`] = ` | ||
| <div> | ||
| <h2 class="col-md-12">Section Heading</h2> | ||
| <div class="col-md-7"> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 1</a> | ||
| </div> | ||
| </div> | ||
| <div class="action-item row"> | ||
| <div class="col-4 name"> | ||
| <a class="link semibold" href="/">Action Item 2</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| `; |
3 changes: 3 additions & 0 deletions
3
theme/src/js/components/__tests__/__snapshots__/LoadingIndicator.js.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`LoadingIndicator renders correctly 1`] = `<span aria-hidden="true" class="loading-animation loading-animation-sm"></span>`; |
189 changes: 189 additions & 0 deletions
189
theme/src/js/components/__tests__/__snapshots__/ProductTabs.js.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,189 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`ProductTabs renders correctly non KB tabs and all access tabs 1`] = ` | ||
| <div class="row"> | ||
| <div class="col-md-3 products-landing-tablist"> | ||
| <ul class="nav nav-stacked" role="tablist"> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="active btn btn-unstyled nav-link" id="tab-0" role="tab" | ||
| type="button">Tab All</button> | ||
| </li> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="btn btn-unstyled nav-link" id="tab-1" role="tab" type="button">Tab Non KB</button> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <section aria-labelledby="tab-0" class="col-md-9" role="tabpanel"> | ||
| <div class="products-landing-tab-content"> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with All Configs | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with No Description | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with no Icon | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with no URL | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <p class="description">Card with No Name</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| `; | ||
| exports[`ProductTabs renders correctly with KB tabs and all access tabs 1`] = ` | ||
| <div class="row"> | ||
| <div class="col-md-3 products-landing-tablist"> | ||
| <ul class="nav nav-stacked" role="tablist"> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="active btn btn-unstyled nav-link" id="tab-0" role="tab" | ||
| type="button">Tab All</button> | ||
| </li> | ||
| <li class="nav-item" role="presentation"> | ||
| <button class="btn btn-unstyled nav-link" id="tab-1" role="tab" type="button">Tab KB</button> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <section aria-labelledby="tab-0" class="col-md-9" role="tabpanel"> | ||
| <div class="products-landing-tab-content"> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with All Configs | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with No Description | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with no Icon | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <h4 class="title">Card with no URL | ||
| <svg class="lexicon-icon lexicon-icon-arrow-right"> | ||
| <use xlink:href="#arrow-right"></use> | ||
| </svg> | ||
| </h4> | ||
| <p class="description">Card Description</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <div class="product-card"> | ||
| <a class="autofit-row autofit-row-center" href="/"> | ||
| <div class="autofit-col"> | ||
| <svg class="icon"> | ||
| <use xlink:href="#ticket"></use> | ||
| </svg> | ||
| </div> | ||
| <div class="autofit-col autofit-col-expand"> | ||
| <p class="description">Card with No Name</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| `; |