yolokube/dashboard
yolokube/dashboard
2
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages 1 Wiki Activity

Fix snapshot tests

Browse source 
Previously all snapshots captured was a string representation of a
function (`[Function]`). This made the tests useless because the result
would always be a Function no matter what and so they will always pass,
even if material changes happened.
This commit is contained in:
Dorian Karter 2022-04-10 00:13:00 -05:00
parent 765ab6d643
commit 8eedb57104
26 changed files with 4645 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

107
src/test/components/__snapshots__/app.spec.tsx.snap
View file

@ -1,7 +1,108 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`app.tsx Tests app rendering with newTab=false 1`] = `[Function]`;
exports[`app.tsx Tests app rendering with newTab=false 1`] = `
<body>
<div>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</div>
</body>
`;
exports[`app.tsx Tests app rendering with newTab=true 1`] = `[Function]`;
exports[`app.tsx Tests app rendering with newTab=true 1`] = `
<body>
<div>
<a
class="sc-dkzDqf gHJogt"
href="#"
rel="noopener noreferrer"
target="_blank"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</div>
</body>
`;
exports[`app.tsx Tests app rendering without newTab 1`] = `[Function]`;
exports[`app.tsx Tests app rendering without newTab 1`] = `
<body>
<div>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</div>
</body>
`;

84
src/test/components/__snapshots__/appCategory.spec.tsx.snap
View file

@ -1,3 +1,85 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AppCategory snapshot test 1`] = `[Function]`;
exports[`AppCategory snapshot test 1`] = `
<body>
<div>
<div
class="sc-evZas csYxrp"
>
<h3
class="sc-papXJ sc-crXcEl lhcacf ieLYyf"
>
Category Test
</h3>
<ul
class="sc-jqUVSM egPCCj"
>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</body>
`;

294
src/test/components/__snapshots__/appList.spec.tsx.snap
View file

@ -1,9 +1,295 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`appList.tsx Tests AppList rendering with apps 1`] = `[Function]`;
exports[`appList.tsx Tests AppList rendering with apps 1`] = `
<body>
<div>
<div
class="sc-iBkjds ixywls"
>
<h2
class="sc-ftvSup bdxGxw"
>
Applications
</h2>
<div
class="sc-evZas csYxrp"
>
<ul
class="sc-jqUVSM egPCCj"
>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
`;
exports[`appList.tsx Tests AppList rendering with categories 1`] = `[Function]`;
exports[`appList.tsx Tests AppList rendering with categories 1`] = `
<body>
<div>
<div
class="sc-iBkjds ixywls"
>
<h2
class="sc-ftvSup bdxGxw"
>
Applications
</h2>
<div
class="sc-evZas csYxrp"
>
<h3
class="sc-papXJ sc-crXcEl lhcacf ieLYyf"
>
Category Test
</h3>
<ul
class="sc-jqUVSM egPCCj"
>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
`;
exports[`appList.tsx Tests AppList rendering with categories and apps 1`] = `[Function]`;
exports[`appList.tsx Tests AppList rendering with categories and apps 1`] = `
<body>
<div>
<div
class="sc-iBkjds ixywls"
>
<h2
class="sc-ftvSup bdxGxw"
>
Applications
</h2>
<div
class="sc-evZas csYxrp"
>
<h3
class="sc-papXJ sc-crXcEl lhcacf ieLYyf"
>
Category Test
</h3>
<ul
class="sc-jqUVSM egPCCj"
>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
</ul>
</div>
<div
class="sc-evZas csYxrp"
>
<h3
class="sc-papXJ sc-crXcEl lhcacf ieLYyf"
>
Uncategorized apps
</h3>
<ul
class="sc-jqUVSM egPCCj"
>
<li
class="sc-kDDrLX OpKuo"
>
<a
class="sc-dkzDqf gHJogt"
href="#"
>
<div
class="sc-hKMtZM kjGwCV"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
<div
class="sc-eCYdqJ bcsQqv"
>
<div
class="sc-jSMfEi bkhPVp"
>
App Test
</div>
<p
class="sc-gKXOVf EDUWD"
>
test
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
`;
exports[`appList.tsx Tests AppList rendering with neither 1`] = `[Function]`;
exports[`appList.tsx Tests AppList rendering with neither 1`] = `
<body>
<div />
</body>
`;

2006
src/test/components/__snapshots__/apps.spec.tsx.snap
View file

File diff suppressed because it is too large Load diff

125
src/test/components/__snapshots__/bookmarks.spec.tsx.snap
View file

@ -1,11 +1,126 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`tests rendering of Bookmark with newTab=false 1`] = `[Function]`;
exports[`tests rendering of Bookmark with newTab=false 1`] = `
<body>
<div>
<a
class="sc-iBkjds ANOjH"
href="#"
>
Bookmark Test
</a>
</div>
</body>
`;
exports[`tests rendering of Bookmark with newTab=true 1`] = `[Function]`;
exports[`tests rendering of Bookmark with newTab=true 1`] = `
<body>
<div>
<a
class="sc-iBkjds ANOjH"
href="#"
rel="noopener noreferrer"
target="_blank"
>
Bookmark Test
</a>
</div>
</body>
`;
exports[`tests rendering of Bookmark without newTab 1`] = `[Function]`;
exports[`tests rendering of Bookmark without newTab 1`] = `
<body>
<div>
<a
class="sc-iBkjds ANOjH"
href="#"
>
Bookmark Test
</a>
</div>
</body>
`;
exports[`tests rendering of BookmarkGroup 1`] = `[Function]`;
exports[`tests rendering of BookmarkGroup 1`] = `
<body>
<div>
<li
class="sc-eCYdqJ jcnfPp"
>
<div
class="sc-gKXOVf kDgtUh"
>
<h3
class="sc-dkzDqf dzkwjK"
>
Test Group
</h3>
<a
class="sc-iBkjds ANOjH"
href="#"
>
Bookmark Test
</a>
</div>
</li>
</div>
</body>
`;
exports[`tests rendering of BookmarkList 1`] = `[Function]`;
exports[`tests rendering of BookmarkList 1`] = `
<body>
<div>
<div
class="sc-bczRLJ kimCm"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Bookmarks
</h2>
<ul
class="sc-hKMtZM jEBHIA"
>
<li
class="sc-eCYdqJ jcnfPp"
>
<div
class="sc-gKXOVf kDgtUh"
>
<h3
class="sc-dkzDqf dzkwjK"
>
Test Group
</h3>
<a
class="sc-iBkjds ANOjH"
href="#"
>
Bookmark Test
</a>
</div>
</li>
<li
class="sc-eCYdqJ jcnfPp"
>
<div
class="sc-gKXOVf kDgtUh"
>
<h3
class="sc-dkzDqf dzkwjK"
>
Test Group
</h3>
<a
class="sc-iBkjds ANOjH"
href="#"
>
Bookmark Test
</a>
</div>
</li>
</ul>
</div>
</div>
</body>
`;

27
src/test/components/__snapshots__/greeter.spec.tsx.snap
View file

@ -1,5 +1,28 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Greeter snapshot test with properties 1`] = `[Function]`;
exports[`Greeter snapshot test with properties 1`] = `
<body>
<div>
<div
class="sc-bczRLJ kimCm"
>
<h3
class="sc-dkzDqf jtvEMe"
>
Sunday, April 10th 2022
</h3>
<h1
class="sc-gsnTZi cdSBOi"
>
Good night!
</h1>
</div>
</div>
</body>
`;
exports[`Greeter snapshot test without properties 1`] = `[Function]`;
exports[`Greeter snapshot test without properties 1`] = `
<body>
<div />
</body>
`;

41
src/test/components/__snapshots__/icon.spec.tsx.snap
View file

@ -1,7 +1,42 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Icon test (no size) 1`] = `[Function]`;
exports[`Icon test (no size) 1`] = `
<body>
<div>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</div>
</body>
`;
exports[`Icon test 1`] = `[Function]`;
exports[`Icon test 1`] = `
<body>
<div>
<i
about="20px"
class="sc-gsnTZi iGhKXa"
>
bug_report
</i>
</div>
</body>
`;
exports[`IconButton test 1`] = `[Function]`;
exports[`IconButton test 1`] = `
<body>
<div>
<button
class="sc-bczRLJ liKoho"
>
<i
class="sc-gsnTZi ctUcHQ"
>
bug_report
</i>
</button>
</div>
</body>
`;

121
src/test/components/__snapshots__/imprint.spec.tsx.snap
View file

@ -1,5 +1,122 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`imprint.tsx Tests Imprint 1`] = `[Function]`;
exports[`imprint.tsx Tests Imprint 1`] = `
<body>
<div>
<div
class="sc-bczRLJ kimCm"
>
<h2
class="sc-gsnTZi jiVNCT"
>
About
</h2>
<ul
class="sc-hKMtZM jEBHIA"
>
<div
class="sc-evZas dWbjhp"
>
<h3
class="sc-dkzDqf dzkwjK"
>
Imprint
</h3>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Legal Disclosure
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<div>
<h3
class="sc-dkzDqf sc-kDDrLX dzkwjK jYBHXB"
>
Information in accordance with section 5 TMG
</h3>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test Name
</a>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test Address
</a>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test Email
</a>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test Phone
</a>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test URL
</a>
</div>
<div>
<h3
class="sc-dkzDqf sc-kDDrLX dzkwjK jYBHXB"
>
Imprint
</h3>
<p
class="sc-iqcoie fwpsgH"
>
This is a test!
</p>
</div>
</div>
<p
class="sc-papXJ gkwCsw"
data-testid="toggle-button"
>
View Imprint
</p>
</div>
</ul>
</div>
</div>
</body>
`;
exports[`imprint.tsx Tests ImprintField 1`] = `[Function]`;
exports[`imprint.tsx Tests ImprintField 1`] = `
<body>
<div>
<a
class="sc-crXcEl hLNarr"
href="#"
>
Test Name
</a>
</div>
</body>
`;

194
src/test/components/__snapshots__/modal.spec.tsx.snap
View file

@ -1,11 +1,195 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`modal.tsx Tests modal with icon 1`] = `[Function]`;
exports[`modal.tsx Tests modal with icon 1`] = `
<body>
<div>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Test Modal
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<p>
Hello
</p>
</div>
<button
class="sc-gKXOVf inaviU"
data-testid="toggle-button"
>
<i
class="sc-iBkjds fflOgg"
/>
</button>
</div>
</body>
`;
exports[`modal.tsx Tests modal with icon button 1`] = `[Function]`;
exports[`modal.tsx Tests modal with icon button 1`] = `
<body>
<div>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Test Modal
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<p>
Hello
</p>
</div>
<button
class="sc-gKXOVf inaviU"
data-testid="toggle-button"
>
<i
class="sc-iBkjds fflOgg"
>
bug_report
</i>
</button>
</div>
</body>
`;
exports[`modal.tsx Tests modal with neither 1`] = `[Function]`;
exports[`modal.tsx Tests modal with neither 1`] = `
<body>
<div>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Test Modal
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<p>
Hello
</p>
</div>
</div>
</body>
`;
exports[`modal.tsx Tests modal with text button 1`] = `[Function]`;
exports[`modal.tsx Tests modal with text button 1`] = `
<body>
<div>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Test Modal
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<p>
Hello
</p>
</div>
<p
class="sc-papXJ gkwCsw"
data-testid="toggle-button"
>
Test
</p>
</div>
</body>
`;
exports[`modal.tsx Tests modal without onClose behaviour 1`] = `[Function]`;
exports[`modal.tsx Tests modal without onClose behaviour 1`] = `
<body>
<div>
<div
class="sc-ftvSup cpmMIl"
hidden=""
>
<div
class="sc-jqUVSM izDwOx"
>
<h2
class="sc-gsnTZi jiVNCT"
>
Test Modal
</h2>
<button
class="sc-gKXOVf inaviU"
data-testid="close-button"
>
<i
class="sc-iBkjds fflOgg"
>
close
</i>
</button>
</div>
<p>
Hello
</p>
</div>
</div>
</body>
`;

40
src/test/components/__snapshots__/searchBar.spec.tsx.snap
View file

@ -1,5 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`searchBar.tsx Tests SearchBar rendering with properties 1`] = `[Function]`;
exports[`searchBar.tsx Tests SearchBar rendering with properties 1`] = `
<body>
<div>
<form
class="sc-gKXOVf cxXynI"
>
<input
class="sc-iBkjds kzIHQP"
data-testid="search-input"
placeholder=""
type="text"
value=""
/>
<button
class="sc-jSMfEi sc-ftvSup SCCAz eeBQsp"
data-testid="search-clear"
hidden=""
type="button"
>
Clear
</button>
<button
class="sc-jSMfEi sc-ftvSup SCCAz eeBQsp"
data-testid="search-submit"
hidden=""
type="submit"
>
Search
</button>
</form>
</div>
</body>
`;
exports[`searchBar.tsx Tests searchBar rendering without properties 1`] = `[Function]`;
exports[`searchBar.tsx Tests searchBar rendering without properties 1`] = `
<body>
<div />
</body>
`;

113
src/test/components/__snapshots__/select.spec.tsx.snap
View file

@ -1,9 +1,114 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`select.tsx Tests \`current\`-value with testId 1`] = `[Function]`;
exports[`select.tsx Tests \`current\`-value with testId 1`] = `
<body>
<div>
<select
class="sc-bczRLJ laxZOh"
data-testid="select-1"
>
<option
data-testid="option-1-0"
value="0"
>
Test 1
</option>
<option
data-testid="option-1-1"
value="1"
>
Test 2
</option>
</select>
</div>
</body>
`;
exports[`select.tsx Tests \`current\`-value without testId 1`] = `[Function]`;
exports[`select.tsx Tests \`current\`-value without testId 1`] = `
<body>
<div>
<select
class="sc-bczRLJ laxZOh"
data-testid="select"
>
<option
data-testid="option-0"
value="0"
>
Test 1
</option>
<option
data-testid="option-1"
value="1"
>
Test 2
</option>
</select>
</div>
</body>
`;
exports[`select.tsx Tests Select rendering 1`] = `[Function]`;
exports[`select.tsx Tests Select rendering 1`] = `
<body>
<div>
<select
class="sc-bczRLJ laxZOh"
data-testid="select"
>
<option
data-testid="option-0"
value="0"
>
Test 1
</option>
<option
data-testid="option-1"
value="1"
>
Test 2
</option>
</select>
</div>
</body>
`;
exports[`select.tsx Tests rendering of multiple Select elements 1`] = `[Function]`;
exports[`select.tsx Tests rendering of multiple Select elements 1`] = `
<body>
<div>
<select
class="sc-bczRLJ laxZOh"
data-testid="select-1"
>
<option
data-testid="option-1-0"
value="0"
>
Test 1
</option>
<option
data-testid="option-1-1"
value="1"
>
Test 2
</option>
</select>
<select
class="sc-bczRLJ laxZOh"
data-testid="select-2"
>
<option
data-testid="option-2-0"
value="0"
>
Test 1
</option>
<option
data-testid="option-2-1"
value="1"
>
Test 2
</option>
</select>
</div>
</body>
`;

1463
src/test/components/__snapshots__/settings.spec.tsx.snap
View file

File diff suppressed because it is too large Load diff