cucumber-protractor
Version:
POM CukeTractor - Bootstrap your cucumber tests with cucumber, protractor and a structured way of creating page objects and component objects
82 lines (77 loc) • 2.71 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<script>
class HelloWorld extends HTMLElement {
createdCallback() {
console.log('created');
}
attachedCallback() {
console.log('attached');
let template = document.querySelector('#hello-world-template');
let clone = document.importNode(template.content, true);
this.root = this.createShadowRoot();
this.root.appendChild(clone);
}
detachedCallback() {
console.log('detached');
}
// attributeChangedCallback(attr, oldVal, newVal) {
// console.log(this);
// }
}
if (document.createElement('hello-world').constructor !== HelloWorld) {
HelloWorld.prototype.owner = (document._currentScript || document.currentScript).ownerDocument;
document.registerElement('hello-world', HelloWorld);
}
</script>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<template id="hello-world-template">
<style>
:host {
display: flex;
width: 100vw;
height: 100vh;
overflow: hidden;
background-color: #fefefe;
justify-content: center;
align-items: center;
font-family: 'Roboto Mono', sans-serif;
color: #232323;
}
.hello-world {
width: 100vw;
height: 10vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #fafafa;
}
</style>
<div class="hello-world">Hello, World!</div>
</template>
</body>
</html>