Skip to content

test: framework testing #1011

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kylebuch8 merged 25 commits into from
Aug 19, 2020
Merged

test: framework testing #1011

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
daedc94
inital stab at framework testing
kylebuch8 May 29, 2020
c351661
Merge branch 'master' into framework-testing
kylebuch8 Jul 16, 2020
c701a4d
Merge branch 'master' into framework-testing
kylebuch8 Jul 23, 2020
db43ae5
more react and vue tests
kylebuch8 Jul 24, 2020
ac6c51e
tests for cta, datetime, dropdown, health-index, icon, icon-panel, ju…
kylebuch8 Jul 28, 2020
3b1b10b
adding jump-links tests
kylebuch8 Jul 28, 2020
0b1ddca
framework tests for select, tabs, and toast
kylebuch8 Jul 28, 2020
318a8a4
fixing pfe-content-set react test
kylebuch8 Jul 28, 2020
604ede1
fixing datetime tests in react
kylebuch8 Jul 28, 2020
49d1be9
updating pfe-dropdown test to skip a single test for Vue and React
kylebuch8 Jul 28, 2020
2ade2c4
skip one pfe-health-index test in React
kylebuch8 Jul 28, 2020
f9c8243
removing react tests and commenting out a Vue test
kylebuch8 Jul 28, 2020
f7447e4
adding a pfe-jump-links test back for Vue
kylebuch8 Jul 28, 2020
06fa838
removing the failing React tests for pfe-navigation
kylebuch8 Jul 28, 2020
29cd01a
package-lock updates
kylebuch8 Jul 28, 2020
9847953
Revert "package-lock updates"
kylebuch8 Jul 29, 2020
ac60b22
updating package-lock.json
kylebuch8 Jul 29, 2020
9daeff0
Merge branch 'master' into framework-testing
kylebuch8 Jul 29, 2020
be16334
Merge branch 'master' into framework-testing
kylebuch8 Jul 31, 2020
a084a97
using the root div instead of document.body for React
kylebuch8 Jul 31, 2020
0275b6c
Merge branch 'master' into framework-testing
kylebuch8 Aug 4, 2020
e357baf
Merge branch 'master' into framework-testing
kylebuch8 Aug 11, 2020
1fe09ff
Merge branch 'master' into framework-testing
kylebuch8 Aug 19, 2020
7512985
updating pfe-autocomplete tests
kylebuch8 Aug 19, 2020
682dd57
Merge branch 'master' into framework-testing
kylebuch8 Aug 19, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion elements/pfe-accordion/test/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,9 @@
<script>
// Load and run all tests (.html, .js):
WCT.loadSuites([
'pfe-accordion_test.html'
'pfe-accordion_test.html',
'pfe-accordion_react_test.html',
'pfe-accordion_vue_test.html'
]);
</script>

Expand Down
102 changes: 102 additions & 0 deletions elements/pfe-accordion/test/pfe-accordion_react_test.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<script src="/components/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script src="/components/web-component-tester/browser.js"></script>
<script src="/components/react/umd/react.production.min.js"></script>
<script src="/components/react-dom/umd/react-dom.production.min.js"></script>
<script src="/components/babel-standalone/babel.min.js"></script>
<script type="module" src="../dist/pfe-accordion.js"></script>
<script type="text/babel">
function TestSuite() {
return (
<div>
<pfe-accordion>
<pfe-accordion-header id="header1">
<h2>Why do wizards need money if they could just create it?</h2>
</pfe-accordion-header>
<pfe-accordion-panel id="panel1">
<p>There is legislation that decides what you can conjure and what you can not. Because things that you conjure out of thin air will not last, it is illegal in the wizarding world.</p>
</pfe-accordion-panel>
<pfe-accordion-header>
<h2>Why doesn't Harry have a portrait of his parents?</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
<p>The characters in the portraits are not actually ghosts. They mainly are there just to repeat common phrases or serve as a general representation of the individual they depict. A portrait of his parents would not be of much help to Harry.</p>
</pfe-accordion-panel>
<pfe-accordion-header>
<h2>Why is Harry considered a half-blood if both of his parents could use magic?</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
<p>Because Harry's grandparents were not able to do magic. This is generally frowned upon by those who consider themselves pure, such as the Malfoy's or other antagonists.</p>
</pfe-accordion-panel>
<pfe-accordion-header>
<h2>Is Hogwarts the only wizarding school?</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
<p>No! It has been revealed that there are actually 11 long established and prestigious schools around the globe. These include Castelobruxo in the rainforest of Brazil, Durmstrang Institute (whereas nobody is certain of it’s whereabouts), and Ilvermorny, right here in the United States.</p>
</pfe-accordion-panel>
<pfe-accordion-header>
<h2>Where do the main characters work as adults?</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
<p>Harry and Hermione are at the Ministry: he ends up leading the Auror department. Ron helps George at the joke shop and does very well. Ginny becomes a professional Quidditch player and then sportswriter for the Daily Prophet.</p>
<p><a href="https://www.pottermore.com/collection/characters" target="blank">Read more about the characters</a></p>
</pfe-accordion-panel>
</pfe-accordion>

<pfe-accordion id="dynamic">
<pfe-accordion-header>
<h2>Header</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
Panel
</pfe-accordion-panel>
</pfe-accordion>

<pfe-accordion id="dont-disclosure-me" pfe-disclosure="false">
<pfe-accordion-header>
<h2>Header</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
Panel
</pfe-accordion-panel>
</pfe-accordion>

<pfe-accordion id="should-become-a-disclosure">
<pfe-accordion-header>
<h2>Header</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
Panel
</pfe-accordion-panel>
<pfe-accordion-header>
<h2>Header</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
Panel
</pfe-accordion-panel>
</pfe-accordion>

<pfe-accordion id="should-switch-to-accordion">
<pfe-accordion-header>
<h2>Header</h2>
</pfe-accordion-header>
<pfe-accordion-panel>
Panel
</pfe-accordion-panel>
</pfe-accordion>
</div>
);
}

ReactDOM.render(TestSuite(), document.querySelector("#root"));
</script>
</head>
<body>
<div id="root"></div>
<script src="pfe-accordion_test.js"></script>
</body>
</html>
Loading