test(note): update test to include e2e screenshot files

This commit is contained in:
Brandy Carney
2018-10-10 10:34:54 -05:00
parent b485eba3a8
commit 1685a30041
4 changed files with 25 additions and 5 deletions

View File

@ -7,7 +7,6 @@
/**
* @prop --color: Color of the note
*/
color: var(--color);
font-family: $font-family-base;

View File

@ -0,0 +1,10 @@
import { newE2EPage } from '@stencil/core/testing';
it('note: basic', async () => {
const page = await newE2EPage({
url: '/src/components/note/test/basic?ionic:_testing=true'
});
const compare = await page.compareScreenshot();
expect(compare).toMatchScreenshot();
});

View File

@ -0,0 +1,10 @@
import { newE2EPage } from '@stencil/core/testing';
it('note: standalone', async () => {
const page = await newE2EPage({
url: '/src/components/note/test/standalone?ionic:_testing=true'
});
const compare = await page.compareScreenshot();
expect(compare).toMatchScreenshot();
});

View File

@ -11,13 +11,14 @@
</head>
<body>
<!-- Default -->
<h1>Default</h1>
<ion-note>Default Note</ion-note>
<!-- Custom -->
<h1>Custom</h1>
<ion-note class="custom">Custom Note</ion-note>
<ion-note color="secondary" class="custom">Custom Secondary Note</ion-note>
<!-- Colors -->
<h1>Colors</h1>
<ion-note color="primary">Primary Note</ion-note>
<ion-note color="secondary">Secondary Note</ion-note>
<ion-note color="tertiary">Tertiary Note</ion-note>
@ -28,7 +29,7 @@
<ion-note color="medium">Medium Note</ion-note>
<ion-note color="dark">Dark Note</ion-note>
<!-- Notes in a List -->
<h1>Notes in a List</h1>
<ion-list>
<ion-item>
<ion-label>Note (End)</ion-label>