Commit fa9752f0 authored by Björn Bartels's avatar Björn Bartels

PATLAB-7 add adapter tests

parent 5b38400b
This diff is collapsed.
......@@ -20,7 +20,7 @@
"dev": "gulp",
"build": "gulp",
"demo": "gulp --demo",
"reinstall": "rm -rf node_modules bower_components package-lock.json ; npm install; bower link siteapp; npm test; npm run demo"
"reinstall": "rm -rf node_modules bower_components package-lock.json ; npm install; bower link siteapp; npm test;"
},
"author": "Björn Bartels <coding@bjoernbartels.earth>",
"license": "Apache-2.0",
......
<html>
<body>
eggs
bacon
toast
ham
cheese
chips
</body>
</html>
{
"patterns": {},
"categories": [],
"breakfast": {
"items": [
"eggs",
"bacon",
"toast"
]
},
"lunch": {
"items": [
"ham",
"cheese",
"chips"
]
}
}
<html>
<body>
eggs
bacon
toast
</body>
</html>
{
"patterns": {},
"categories": [],
"breakfast": {
"items": [
"eggs",
"bacon",
"toast"
]
}
}
<html>
<body>
eggs
bacon
toast
</body>
</html>
{
"patterns": {},
"categories": [],
"breakfast": {
"items": [
"eggs",
"bacon",
"toast"
]
}
}
<html>
<body>
Layout: Yes, kittens.
Page: Yes, kittens.
Partial: Yes, kittens.
</body>
</html>
<html>
<body>
eggs
bacon
toast
</body>
</html>
{
"patterns": {},
"categories": [],
"breakfast": [
"eggs",
"bacon",
"toast"
]
}
<html>
<body>
<div class="code-example"><pre><code class="css"><span class="hljs-selector-class">.good-design</span> {
<span class="hljs-attribute">font-weight</span>: <span class="hljs-number">100</span>;
<span class="hljs-attribute">color</span>: <span class="hljs-number">#000</span>;
<span class="hljs-attribute">box-shadow</span>: <span class="hljs-number">0</span> -<span class="hljs-number">1px</span> <span class="hljs-number">0</span> <span class="hljs-number">#fff</span>;
}
</code></pre></div> </body>
</html>
<html>
<body>
Yes, kittens.
Not kittens.
</body>
</html>
<html>
<body>
<h1 id="heading">Heading</h1>
<p>Paragraph</p>
</body>
</html>
<html>
<body>
<p>Repeat!</p>
<p>Repeat!</p>
<p>Repeat!</p>
<p>Repeat!</p>
<p>Repeat!</p>
</body>
</html>
<html>
<body class="alternate">
<p>Body</p>
</body>
</html>
<html>
<body class="alternate">
<p>Body</p>
</body>
</html>
<html>
<body>
<p>Body</p>
<p>Partial!</p>
</body>
</html>
<html>
<body>
<img src="./image.jpg">
<img src="./partial.png">
</body>
</html>
<html>
<body>
<img src="../image.jpg">
<img src="../partial.png">
</body>
</html>
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html>
<head>
<title>[]
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-touch-fullscreen" content="YES">
<link rel="stylesheet" media="screen" type="text/css" href="/assets/css/patternlibrary.css" />
<script src="/assets/js/vendor.js"></script>
<script src="/assets/js/patternlibrary.js"></script>
</head>
<body>
<section id="patternlibrarySection" class="patternlibrary">
<div class="row column small-12">
<!-- #PL:TOPBAR -->
<div class="row">
<div class="large-12 columns">
<div class="title-bar" data-responsive-toggle="pl-main-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="pl-main-menu"></button>
<div class="title-bar-title">[]
</div>
<div class="title-bar-title float-right"><ul class="menu">
<li class="menu-text">
<span class="label is-hidden">Size:</span>
<span class="show-for-small-only">S</span>
<span class="show-for-medium-only">M</span>
<span class="show-for-large-only">L</span>
<span class="show-for-xlarge-only">XL</span>
<span class="show-for-xxlarge-only">XXL</span>
</li>
</ul>
</div>
</div>
<div class="top-bar" id="pl-main-menu">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="hide-for-small show-for-medium"><a href="../../">[]
</a></li>
<li class="show-for-small-only hide-for-medium"><a href="../../"><i class="fa fa-home"></i> Home</a></li>
<li><a href="../../patterns"><i class="fa fa-puzzle-piece"></i> Patterns</a></li>
<li><a href="../../pages"><i class="fa fa-photo"></i> Pages</a></li>
<li><a href="../../builder"><i class="fa fa-magic"></i> Builder</a></li>
<li>
<a href="../../help"><i class="fa fa-question"></i> Help</a>
<ul class="menu">
<li><a href="../../help/docs">Docs</a></li>
<li><a href="../../help/readme.html">About</a></li>
</ul>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li class="patternlibrary-search-wrapper"><input type="text" data-patternlibrary-search placeholder="Search" class="patternlibrary-search"></li>
</ul>
</div>
<div class="top-bar-right hide-for-small-only">
<ul class="menu">
<li class="menu-text">
<span class="label is-hidden">Size:</span>
<span class="show-for-small-only">S</span>
<span class="show-for-medium-only">M</span>
<span class="show-for-large-only">L</span>
<span class="show-for-xlarge-only">XL</span>
<span class="show-for-xxlarge-only">XXL</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /PL:TOPBAR -->
<div class="small-12 columns">
<!-- #PL:PATTERNLIST -->
<section class="panel patternlist">
<div class="small-12 row columns">
<div class="row">
<div class="row large-12 columns">
<div class="title-bar" data-responsive-toggle="pl-patternlist-filter" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="pl-patternlist-filter"></button>
<div class="title-bar-title">Patterns</div>
</div>
<div class="top-bar filter" id="pl-patternlist-filter">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text hide-for-small show-for-medium">Patterns:</li>
<li class="hide-for-small show-for-medium"><a href="../../patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../../patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../../patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../../patterns/templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
<li class="show-for-small hide-for-medium">
<a href="#"><i class="fa fa-list"></i> <span>Patterns</span></a>
<ul class="menu vertical">
<li><a href="../../patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
<li><a href="../../patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
<li><a href="../../patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
<li><a href="../../patterns/templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
</ul>
</li>
<li>
<a href="../"><i class="fa fa-list"></i> <span>Categories</span></a>
<ul class="menu vertical">
<li><a href="../basics"><i class="fa fa-folder-o"></i>
basics</a><!-- /categories/basics --></li>
<li><a href="../texts"><i class="fa fa-folder-o"></i>
texts</a><!-- /categories/texts --></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="small-12 row columns">
<div class="row panel-body">
<div class="row columns large-12">
<ul class="accordion">
<li class="accordion-item row columns">
<!-- Accordion tab title ../../..//patterns/atom/link -->
<a href="../../patterns/atoms/link" class="accordion-title row columns">
<div class="columns medium-6 small-12">Name: <strong>atom/link</strong> <i class="fa fa-square-o"></i>
</div>
<div class="columns medium-6 hide-for-small show-for-medium categories">Categories:
<strong><span class="name">basics</span>, <span class="name">texts</span>
</strong>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- /PL:PATTERNLIST -->
</div>
<!-- Footer -->
<footer id="footer" class="row columns">
<div class="small-12 medium-6 column text-left">
<span class="patterns" ><a href="../../">Patterns</a></span>
<span class="typography">| <a href="../../pages/typography.html">Typography</a></span>
<span class="plfoundation">| <a href="../../pages/kitchensink.html">Kitchen Sink</a></span>
<span class="styleguide">| <a href="../../pages/styleguide.html">Styleguide</a></span>
<span class="plfoundation">| <a href="../../pages/htmlelements.html">Elements</a></span>
</div>
<div class="small-12 medium-6 column text-right">
<span class="copyright" >[]
</a></span>
<span class="copyright" >| &copy; <a href="" target="_blank"></a></span>
</div>
</footer>
</div>
</section>
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setCookieDomain", "*.demo.patternlibrary.bjoernbartels.earth"]);
_paq.push(["setDomains", ["*.demo.patternlibrary.bjoernbartels.earth","*.demo.patternlibrary.net","*.demo.patternlibrary.org"]]);
_paq.push(["enableCrossDomainLinking"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.bjoernbartels.earth/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '7']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//analytics.bjoernbartels.earth/piwik/piwik.php?idsite=7&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>[]
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-touch-fullscreen" content="YES">
<link rel="stylesheet" media="screen" type="text/css" href="/assets/css/patternlibrary.css" />
<script src="/assets/js/vendor.js"></script>
<script src="/assets/js/patternlibrary.js"></script>
</head>
<body>
<section id="patternlibrarySection" class="patternlibrary">
<div class="row column small-12">
<!-- #PL:TOPBAR -->
<div class="row">
<div class="large-12 columns">
<div class="title-bar" data-responsive-toggle="pl-main-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="pl-main-menu"></button>
<div class="title-bar-title">[]
</div>
<div class="title-bar-title float-right"><ul class="menu">
<li class="menu-text">
<span class="label is-hidden">Size:</span>
<span class="show-for-small-only">S</span>
<span class="show-for-medium-only">M</span>
<span class="show-for-large-only">L</span>
<span class="show-for-xlarge-only">XL</span>
<span class="show-for-xxlarge-only">XXL</span>
</li>
</ul>
</div>
</div>
<div class="top-bar" id="pl-main-menu">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="hide-for-small show-for-medium"><a href="../">[]
</a></li>
<li class="show-for-small-only hide-for-medium"><a href="../"><i class="fa fa-home"></i> Home</a></li>
<li><a href="../patterns"><i class="fa fa-puzzle-piece"></i> Patterns</a></li>
<li><a href="../pages"><i class="fa fa-photo"></i> Pages</a></li>
<li><a href="../builder"><i class="fa fa-magic"></i> Builder</a></li>
<li>
<a href="../help"><i class="fa fa-question"></i> Help</a>
<ul class="menu">
<li><a href="../help/docs">Docs</a></li>
<li><a href="../help/readme.html">About</a></li>
</ul>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li class="patternlibrary-search-wrapper"><input type="text" data-patternlibrary-search placeholder="Search" class="patternlibrary-search"></li>
</ul>
</div>
<div class="top-bar-right hide-for-small-only">
<ul class="menu">
<li class="menu-text">
<span class="label is-hidden">Size:</span>
<span class="show-for-small-only">S</span>
<span class="show-for-medium-only">M</span>
<span class="show-for-large-only">L</span>
<span class="show-for-xlarge-only">XL</span>
<span class="show-for-xxlarge-only">XXL</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /PL:TOPBAR -->
<div class="small-12 columns">
<!-- #PL:CATEGORYLIST -->
<section class="row panel categorylist">
<div class="small-12 columns">
<div class="row">
<div class="row large-12 columns">
<div class="title-bar" data-responsive-toggle="pl-patternlist-filter" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="pl-patternlist-filter"></button>
<div class="title-bar-title">Patterns</div>
</div>
<div class="top-bar filter" id="pl-patternlist-filter">
<div class="top-bar-left">
<ul class="dropdown menu" data-dropdown-menu>
<li class="menu-text hide-for-small show-for-medium">Patterns:</li>
<li class="hide-for-small show-for-medium"><a href="../patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>
<li class="hide-for-small show-for-medium"><a href="../patterns/templates"><i class="fa fa-file-picture-o"></i> <span>Templates</span></a></li>
<li class="show-for-small hide-for-medium">
<a href="#"><i class="fa fa-list"></i> <span>Patterns</span></a>
<ul class="menu vertical">
<li><a href="../patterns/atoms"><i class="fa fa-square-o"></i> <span>Atoms</span></a></li>
<li><a href="../patterns/molecules"><i class="fa fa-cube"></i> <span>Molecules</span></a></li>
<li><a href="../patterns/organisms"><i class="fa fa-cubes"></i> <span>Organisms</span></a></li>