Skip to content

Commit

Permalink
Fixes liferay#1289 | Regen snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
Julien Castelain committed Nov 6, 2018
1 parent 7eaeae2 commit 01d8457
Show file tree
Hide file tree
Showing 31 changed files with 5,265 additions and 18,928 deletions.
69 changes: 17 additions & 52 deletions packages/clay-alert/src/__tests__/__snapshots__/ClayAlert.js.snap
Original file line number Diff line number Diff line change
@@ -1,95 +1,60 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ClayAlert should render a "danger" style alert 1`] = `
<div class="alert alert-danger fade show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
<div class="alert alert-danger fade show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
<title>exclamation-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
</svg>
</span>
<strong class="lead">Danger!</strong>message</div>
</svg></span><strong class="lead">Danger!</strong>message</div>
`;
exports[`ClayAlert should render a "success" style alert 1`] = `
<div class="alert alert-success fade show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
<div class="alert alert-success fade show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
<title>check-circle-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
</svg>
</span>
<strong class="lead">Success!</strong>message</div>
</svg></span><strong class="lead">Success!</strong>message</div>
`;
exports[`ClayAlert should render a "warning" style alert 1`] = `
<div class="alert alert-warning fade show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
<div class="alert alert-warning fade show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
<title>warning-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
</svg>
</span>
<strong class="lead">Warning!</strong>message</div>
</svg></span><strong class="lead">Warning!</strong>message</div>
`;
exports[`ClayAlert should render a closeable alert 1`] = `
<div class="alert alert-warning fade alert-dismissible show" role="alert">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="alert alert-warning fade alert-dismissible show" role="alert"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
<title>warning-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
</svg>
</span>
<strong class="lead">Warning!</strong>message</div>
</svg></span><strong class="lead">Warning!</strong>message</div>
`;
exports[`ClayAlert should render an "info" style alert 1`] = `
<div class="alert alert-info fade show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<div class="alert alert-info fade show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">Info</strong>message</div>
</svg></span><strong class="lead">Info</strong>message</div>
`;
exports[`ClayAlert should render an alert with classes 1`] = `
<div class="alert alert-info fade my-custom-class show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<div class="alert alert-info fade my-custom-class show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
`;
exports[`ClayAlert should render an alert with id 1`] = `
<div class="alert alert-info fade show" id="myId" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<div class="alert alert-info fade show" id="myId" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
`;
exports[`ClayAlert should render default markup 1`] = `
<div class="alert alert-info fade show" role="alert">
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<div class="alert alert-info fade show" role="alert"><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
`;
91 changes: 21 additions & 70 deletions packages/clay-alert/src/__tests__/__snapshots__/ClayStripe.js.snap
Original file line number Diff line number Diff line change
Expand Up @@ -2,133 +2,84 @@

exports[`ClayStripe should render a "danger" style stripe 1`] = `
<div class="alert alert-danger fade alert-dismissible alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
<title>exclamation-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
</svg>
</span>
<strong class="lead">Danger!</strong>message</div>
</svg></span><strong class="lead">Danger!</strong>message</div>
</div>
`;
exports[`ClayStripe should render a "success" style stripe 1`] = `
<div class="alert alert-success fade alert-dismissible alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
<title>check-circle-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
</svg>
</span>
<strong class="lead">Success!</strong>message</div>
</svg></span><strong class="lead">Success!</strong>message</div>
</div>
`;
exports[`ClayStripe should render a "warning" style stripe 1`] = `
<div class="alert alert-warning fade alert-dismissible alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
<title>warning-full</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
</svg>
</span>
<strong class="lead">Warning!</strong>message</div>
</svg></span><strong class="lead">Warning!</strong>message</div>
</div>
`;
exports[`ClayStripe should render an "info" style stripe 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">Info</strong>message</div>
</svg></span><strong class="lead">Info</strong>message</div>
</div>
`;
exports[`ClayStripe should render an stripe with classes 1`] = `
<div class="alert alert-info fade alert-dismissible my-custom-class alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
</div>
`;
exports[`ClayStripe should render an stripe with id 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" id="myId" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
</div>
`;
exports[`ClayStripe should render default markup 1`] = `
<div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
<div class="container-fluid container-fluid-max-xl">
<button class="btn close btn-unstyled" aria-label="close" type="button">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<div class="container-fluid container-fluid-max-xl"><button class="btn close btn-unstyled" aria-label="close" type="button"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
<title>times</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
</svg>
</button>
<span class="alert-indicator">
<svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
</svg></button><span class="alert-indicator"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
<title>info-circle</title>
<use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
</svg>
</span>
<strong class="lead">info</strong>message</div>
</svg></span><strong class="lead">info</strong>message</div>
</div>
`;
Loading

0 comments on commit 01d8457

Please sign in to comment.