Skip to content

Commit

Permalink
fix: tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@mikemai2awesome
mikemai2awesome committed Mar 2, 2020
1 parent f61fbec commit 85dbd7b
Show file tree
Hide file tree
Showing 4 changed files with 245 additions and 21 deletions.
248 changes: 229 additions & 19 deletions packages/components/bolt-popover/__tests__/__snapshots__/popover.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ exports[`<bolt-popover> Component UUID of the popover 1`] = `
id="js-bolt-popover-custom-unique-id"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-custom-unique-id"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -57,7 +57,7 @@ exports[`<bolt-popover> Component basic usage 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -99,7 +99,7 @@ exports[`<bolt-popover> Component content placement: auto 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -141,7 +141,7 @@ exports[`<bolt-popover> Component content placement: bottom 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -183,7 +183,7 @@ exports[`<bolt-popover> Component content placement: bottom-end 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -225,7 +225,7 @@ exports[`<bolt-popover> Component content placement: bottom-start 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -267,7 +267,7 @@ exports[`<bolt-popover> Component content placement: left 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -309,7 +309,7 @@ exports[`<bolt-popover> Component content placement: left-end 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -351,7 +351,7 @@ exports[`<bolt-popover> Component content placement: left-start 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -393,7 +393,7 @@ exports[`<bolt-popover> Component content placement: right 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -435,7 +435,7 @@ exports[`<bolt-popover> Component content placement: right-end 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -477,7 +477,7 @@ exports[`<bolt-popover> Component content placement: right-start 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -519,7 +519,7 @@ exports[`<bolt-popover> Component content placement: top 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -561,7 +561,7 @@ exports[`<bolt-popover> Component content placement: top-end 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -603,7 +603,7 @@ exports[`<bolt-popover> Component content placement: top-start 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -645,7 +645,7 @@ exports[`<bolt-popover> Component content spacing: medium 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -687,7 +687,7 @@ exports[`<bolt-popover> Component content spacing: none 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -729,7 +729,7 @@ exports[`<bolt-popover> Component content spacing: small 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down Expand Up @@ -771,7 +771,217 @@ exports[`<bolt-popover> Component content spacing: xsmall 1`] = `
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
<span aria-hidden="true">
&times;
</span>
<span class="u-bolt-visuallyhidden">
Close popover
</span>
</a>
This is the content of the popover with a
<bolt-link url="https://pega.com">
call to action
</bolt-link>
.
</span>
</replace-with-grandchildren>
</span>
</replace-with-children>
</bolt-popover>
`;
exports[`<bolt-popover> Component content theme: dark 1`] = `
<bolt-popover theme="dark"
uuid="12345"
>
<replace-with-children class="c-bolt-popover c-bolt-popover--bottom c-bolt-popover--text-wrap c-bolt-popover--spacing-small">
<replace-with-grandchildren id="js-bolt-popover-trigger-12345">
<a href="#js-bolt-popover-12345"
class="c-bolt-popover__nojs-trigger"
tabindex="-1"
>
<bolt-button>
This triggers a popover
</bolt-button>
</a>
</replace-with-grandchildren>
<span slot="content"
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble t-bolt-dark">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
<span aria-hidden="true">
&times;
</span>
<span class="u-bolt-visuallyhidden">
Close popover
</span>
</a>
This is the content of the popover with a
<bolt-link url="https://pega.com">
call to action
</bolt-link>
.
</span>
</replace-with-grandchildren>
</span>
</replace-with-children>
</bolt-popover>
`;
exports[`<bolt-popover> Component content theme: light 1`] = `
<bolt-popover theme="light"
uuid="12345"
>
<replace-with-children class="c-bolt-popover c-bolt-popover--bottom c-bolt-popover--text-wrap c-bolt-popover--spacing-small">
<replace-with-grandchildren id="js-bolt-popover-trigger-12345">
<a href="#js-bolt-popover-12345"
class="c-bolt-popover__nojs-trigger"
tabindex="-1"
>
<bolt-button>
This triggers a popover
</bolt-button>
</a>
</replace-with-grandchildren>
<span slot="content"
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble t-bolt-light">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
<span aria-hidden="true">
&times;
</span>
<span class="u-bolt-visuallyhidden">
Close popover
</span>
</a>
This is the content of the popover with a
<bolt-link url="https://pega.com">
call to action
</bolt-link>
.
</span>
</replace-with-grandchildren>
</span>
</replace-with-children>
</bolt-popover>
`;
exports[`<bolt-popover> Component content theme: none 1`] = `
<bolt-popover theme="none"
uuid="12345"
>
<replace-with-children class="c-bolt-popover c-bolt-popover--bottom c-bolt-popover--text-wrap c-bolt-popover--spacing-small">
<replace-with-grandchildren id="js-bolt-popover-trigger-12345">
<a href="#js-bolt-popover-12345"
class="c-bolt-popover__nojs-trigger"
tabindex="-1"
>
<bolt-button>
This triggers a popover
</bolt-button>
</a>
</replace-with-grandchildren>
<span slot="content"
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble ">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
<span aria-hidden="true">
&times;
</span>
<span class="u-bolt-visuallyhidden">
Close popover
</span>
</a>
This is the content of the popover with a
<bolt-link url="https://pega.com">
call to action
</bolt-link>
.
</span>
</replace-with-grandchildren>
</span>
</replace-with-children>
</bolt-popover>
`;
exports[`<bolt-popover> Component content theme: xdark 1`] = `
<bolt-popover theme="xdark"
uuid="12345"
>
<replace-with-children class="c-bolt-popover c-bolt-popover--bottom c-bolt-popover--text-wrap c-bolt-popover--spacing-small">
<replace-with-grandchildren id="js-bolt-popover-trigger-12345">
<a href="#js-bolt-popover-12345"
class="c-bolt-popover__nojs-trigger"
tabindex="-1"
>
<bolt-button>
This triggers a popover
</bolt-button>
</a>
</replace-with-grandchildren>
<span slot="content"
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble t-bolt-xdark">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
<span aria-hidden="true">
&times;
</span>
<span class="u-bolt-visuallyhidden">
Close popover
</span>
</a>
This is the content of the popover with a
<bolt-link url="https://pega.com">
call to action
</bolt-link>
.
</span>
</replace-with-grandchildren>
</span>
</replace-with-children>
</bolt-popover>
`;
exports[`<bolt-popover> Component content theme: xlight 1`] = `
<bolt-popover theme="xlight"
uuid="12345"
>
<replace-with-children class="c-bolt-popover c-bolt-popover--bottom c-bolt-popover--text-wrap c-bolt-popover--spacing-small">
<replace-with-grandchildren id="js-bolt-popover-trigger-12345">
<a href="#js-bolt-popover-12345"
class="c-bolt-popover__nojs-trigger"
tabindex="-1"
>
<bolt-button>
This triggers a popover
</bolt-button>
</a>
</replace-with-grandchildren>
<span slot="content"
id="js-bolt-popover-12345"
>
<replace-with-grandchildren class="c-bolt-popover__content">
<span class="c-bolt-popover__bubble t-bolt-xlight">
<a href="#js-bolt-popover-trigger-12345"
class="c-bolt-popover__nojs-close"
>
Expand Down
Loading

0 comments on commit 85dbd7b

Please sign in to comment.