Merge pull request #314 from anusha5695/ISSUE-294
This commit is contained in:
Kate Dainovich
@@ -10,6 +10,7 @@ module.exports = {
|
|||||||
transformIgnorePatterns: [`node_modules/(?!(gatsby)/)`],
|
transformIgnorePatterns: [`node_modules/(?!(gatsby)/)`],
|
||||||
globals: {
|
globals: {
|
||||||
__PATH_PREFIX__: ``,
|
__PATH_PREFIX__: ``,
|
||||||
|
__BASE_PATH__: ``,
|
||||||
},
|
},
|
||||||
setupFiles: [`<rootDir>/loadershim.js`],
|
setupFiles: [`<rootDir>/loadershim.js`],
|
||||||
setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
|
setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,69 +1,578 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`DisplaySocial Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`DisplaySocial Preview renders correctly 1`] = `
|
||||||
|
<a
|
||||||
|
className="no-underline text-blue-700 m-2"
|
||||||
|
href="https://codepen.io/dummy"
|
||||||
|
target="blank"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt="props.username"
|
||||||
|
className="w-6 h-6"
|
||||||
|
src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codepen.svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`DisplaySocial Preview renders correctly with no username 1`] = `ShallowWrapper {}`;
|
exports[`DisplaySocial Preview renders correctly with no username 1`] = `""`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
className="my-2"
|
||||||
|
>
|
||||||
|
[object Object]
|
||||||
|
<a
|
||||||
|
className="no-underline text-blue-700"
|
||||||
|
href="https://dummy.com"
|
||||||
|
target="blank"
|
||||||
|
>
|
||||||
|
readme-generator
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no link 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no link 1`] = `
|
||||||
|
<div
|
||||||
|
className="my-2"
|
||||||
|
>
|
||||||
|
[object Object]
|
||||||
|
<b>
|
||||||
|
readme-generator
|
||||||
|
</b>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no prefix 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no prefix 1`] = `""`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no prefix and link 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no prefix and link 1`] = `""`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no prefix, link and project 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no prefix, link and project 1`] = `""`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no project 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no project 1`] = `
|
||||||
|
<div
|
||||||
|
className="my-2"
|
||||||
|
>
|
||||||
|
[object Object]
|
||||||
|
<a
|
||||||
|
className="no-underline text-blue-700"
|
||||||
|
href="https://dummy.com"
|
||||||
|
target="blank"
|
||||||
|
>
|
||||||
|
https://dummy.com
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no project and link 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no project and link 1`] = `""`;
|
||||||
|
|
||||||
exports[`DisplayWork Preview renders correctly with no project and prefix 1`] = `ShallowWrapper {}`;
|
exports[`DisplayWork Preview renders correctly with no project and prefix 1`] = `""`;
|
||||||
|
|
||||||
exports[`GitHubStats Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`GitHubStats Preview renders correctly 1`] = `""`;
|
||||||
|
|
||||||
exports[`GitHubStats Preview renders correctly 2`] = `ShallowWrapper {}`;
|
exports[`GitHubStats Preview renders correctly 2`] = `
|
||||||
|
<div
|
||||||
|
className="text-center mx-4 mb-4"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt=""
|
||||||
|
src="https://github-readme-stats.vercel.app/api?username=&show_icons=true&locale=en"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`GithubProfileTrophy Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`GithubProfileTrophy Preview renders correctly 1`] = `""`;
|
||||||
|
|
||||||
exports[`GithubProfileTrophy Preview renders correctly with show true 1`] = `ShallowWrapper {}`;
|
exports[`GithubProfileTrophy Preview renders correctly with show true 1`] = `
|
||||||
|
<div
|
||||||
|
className="text-left my-2"
|
||||||
|
>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="https://github.com/ryo-ma/github-profile-trophy"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt=""
|
||||||
|
src="https://github-profile-trophy.vercel.app/?username="
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`Markdown Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`Markdown Preview renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
id="markdown-preview"
|
||||||
|
>
|
||||||
|
<TitlePreview
|
||||||
|
prefix="Hi 👋, I'm"
|
||||||
|
title="dummy"
|
||||||
|
/>
|
||||||
|
<SubTitlePreview
|
||||||
|
subtitle="A passionate frontend developer from India"
|
||||||
|
/>
|
||||||
|
<VisitorsBadgePreview
|
||||||
|
badgeOptions={
|
||||||
|
Object {
|
||||||
|
"badgeColor": "0e75b6",
|
||||||
|
"badgeLabel": "Profile%20views",
|
||||||
|
"badgeStyle": "flat",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
github=""
|
||||||
|
show={false}
|
||||||
|
/>
|
||||||
|
<GithubProfileTrophyPreview
|
||||||
|
github=""
|
||||||
|
show={false}
|
||||||
|
/>
|
||||||
|
<TwitterBadgePreview
|
||||||
|
show={false}
|
||||||
|
twitter=""
|
||||||
|
/>
|
||||||
|
<WorkPreview
|
||||||
|
work={
|
||||||
|
Object {
|
||||||
|
"data": Object {
|
||||||
|
"ama": "",
|
||||||
|
"badgeColor": "0e75b6",
|
||||||
|
"badgeLabel": "Profile views",
|
||||||
|
"badgeStyle": "flat",
|
||||||
|
"collaborateOn": "",
|
||||||
|
"contact": "",
|
||||||
|
"currentLearn": "",
|
||||||
|
"currentWork": "readme-generator",
|
||||||
|
"devDynamicBlogs": false,
|
||||||
|
"funFact": "",
|
||||||
|
"githubProfileTrophy": false,
|
||||||
|
"githubStats": false,
|
||||||
|
"githubStatsOptions": Object {
|
||||||
|
"bgColor": "",
|
||||||
|
"cacheSeconds": null,
|
||||||
|
"hideBorder": false,
|
||||||
|
"locale": "en",
|
||||||
|
"textColor": "",
|
||||||
|
"theme": "",
|
||||||
|
"titleColor": "",
|
||||||
|
},
|
||||||
|
"helpWith": "",
|
||||||
|
"mediumDynamicBlogs": false,
|
||||||
|
"rssDynamicBlogs": false,
|
||||||
|
"subtitle": "A passionate frontend developer from India",
|
||||||
|
"title": "dummy",
|
||||||
|
"topLanguages": false,
|
||||||
|
"topLanguagesOptions": Object {
|
||||||
|
"bgColor": "",
|
||||||
|
"cacheSeconds": null,
|
||||||
|
"hideBorder": false,
|
||||||
|
"locale": "en",
|
||||||
|
"textColor": "",
|
||||||
|
"theme": "",
|
||||||
|
"titleColor": "",
|
||||||
|
},
|
||||||
|
"twitterBadge": false,
|
||||||
|
"visitorsBadge": false,
|
||||||
|
},
|
||||||
|
"link": Object {
|
||||||
|
"blog": "",
|
||||||
|
"collaborateOn": "",
|
||||||
|
"currentWork": "https://dummy.com",
|
||||||
|
"helpWith": "",
|
||||||
|
"portfolio": "",
|
||||||
|
"resume": "",
|
||||||
|
},
|
||||||
|
"prefix": Object {
|
||||||
|
"ama": "💬 Ask me about",
|
||||||
|
"blog": "📝 I regulary write articles on",
|
||||||
|
"collaborateOn": "👯 I’m looking to collaborate on",
|
||||||
|
"contact": "📫 How to reach me",
|
||||||
|
"currentLearn": "🌱 I’m currently learning",
|
||||||
|
"currentWork": "🔭 I’m currently working on",
|
||||||
|
"funFact": "⚡ Fun fact",
|
||||||
|
"helpWith": "🤝 I’m looking for help with",
|
||||||
|
"portfolio": "👨💻 All of my projects are available at",
|
||||||
|
"resume": "📄 Know about my experiences",
|
||||||
|
"title": "Hi 👋, I'm",
|
||||||
|
},
|
||||||
|
"skills": Object {},
|
||||||
|
"social": Object {
|
||||||
|
"behance": "",
|
||||||
|
"codechef": "",
|
||||||
|
"codeforces": "",
|
||||||
|
"codepen": "dummy",
|
||||||
|
"codesandbox": "",
|
||||||
|
"dev": "",
|
||||||
|
"discord": "",
|
||||||
|
"dribbble": "",
|
||||||
|
"fb": "",
|
||||||
|
"geeks_for_geeks": "",
|
||||||
|
"github": "",
|
||||||
|
"hackerearth": "",
|
||||||
|
"hackerrank": "",
|
||||||
|
"instagram": "",
|
||||||
|
"kaggle": "",
|
||||||
|
"leetcode": "",
|
||||||
|
"linkedin": "",
|
||||||
|
"medium": "",
|
||||||
|
"rssurl": "",
|
||||||
|
"stackoverflow": "",
|
||||||
|
"topcoder": "",
|
||||||
|
"twitter": "",
|
||||||
|
"youtube": "",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<SocialPreview
|
||||||
|
social={
|
||||||
|
Object {
|
||||||
|
"behance": "",
|
||||||
|
"codechef": "",
|
||||||
|
"codeforces": "",
|
||||||
|
"codepen": "dummy",
|
||||||
|
"codesandbox": "",
|
||||||
|
"dev": "",
|
||||||
|
"discord": "",
|
||||||
|
"dribbble": "",
|
||||||
|
"fb": "",
|
||||||
|
"geeks_for_geeks": "",
|
||||||
|
"github": "",
|
||||||
|
"hackerearth": "",
|
||||||
|
"hackerrank": "",
|
||||||
|
"instagram": "",
|
||||||
|
"kaggle": "",
|
||||||
|
"leetcode": "",
|
||||||
|
"linkedin": "",
|
||||||
|
"medium": "",
|
||||||
|
"rssurl": "",
|
||||||
|
"stackoverflow": "",
|
||||||
|
"topcoder": "",
|
||||||
|
"twitter": "",
|
||||||
|
"youtube": "",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<SkillsPreview
|
||||||
|
skills={Object {}}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
className="block sm:flex sm:justify-center sm:items-start"
|
||||||
|
>
|
||||||
|
<TopLanguagesPreview
|
||||||
|
github=""
|
||||||
|
options={
|
||||||
|
Object {
|
||||||
|
"bgColor": "",
|
||||||
|
"cacheSeconds": null,
|
||||||
|
"hideBorder": false,
|
||||||
|
"locale": "en",
|
||||||
|
"textColor": "",
|
||||||
|
"theme": "",
|
||||||
|
"titleColor": "",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
show={false}
|
||||||
|
/>
|
||||||
|
<GitHubStatsPreview
|
||||||
|
github=""
|
||||||
|
options={
|
||||||
|
Object {
|
||||||
|
"bgColor": "",
|
||||||
|
"cacheSeconds": null,
|
||||||
|
"hideBorder": false,
|
||||||
|
"locale": "en",
|
||||||
|
"textColor": "",
|
||||||
|
"theme": "",
|
||||||
|
"titleColor": "",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
show={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`SectionTitle Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`SectionTitle Preview renders correctly 1`] = `
|
||||||
|
<h3
|
||||||
|
className="w-full text-lg sm:text-xl"
|
||||||
|
>
|
||||||
|
dummy
|
||||||
|
</h3>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`SectionTitle Preview renders correctly with no label 1`] = `ShallowWrapper {}`;
|
exports[`SectionTitle Preview renders correctly with no label 1`] = `""`;
|
||||||
|
|
||||||
exports[`SectionTitle Preview renders correctly with visible false 1`] = `ShallowWrapper {}`;
|
exports[`SectionTitle Preview renders correctly with visible false 1`] = `""`;
|
||||||
|
|
||||||
exports[`Skills Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`Skills Preview renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
className="flex flex-wrap justify-start items-center"
|
||||||
|
>
|
||||||
|
<SectionTitle
|
||||||
|
label="Languages and Tools:"
|
||||||
|
visible={true}
|
||||||
|
/>
|
||||||
|
<a
|
||||||
|
href="https://unity.com/"
|
||||||
|
rel="noreferrer"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt="unity"
|
||||||
|
className="mb-4 mr-4 h-6 w-6 sm:h-10 sm:w-10"
|
||||||
|
key="unity"
|
||||||
|
src="https://www.vectorlogo.zone/logos/unity3d/unity3d-icon.svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`Skills Preview renders correctly with no skills 1`] = `ShallowWrapper {}`;
|
exports[`Skills Preview renders correctly with no skills 1`] = `""`;
|
||||||
|
|
||||||
exports[`Social Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`Social Preview renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
className="flex justify-start items-end flex-wrap"
|
||||||
|
>
|
||||||
|
<SectionTitle
|
||||||
|
label="Connect with me:"
|
||||||
|
visible={true}
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://codepen.io"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codepen.svg"
|
||||||
|
username="dummy"
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://dev.to"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/dev-dot-to.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://twitter.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://linkedin.com/in"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://stackoverflow.com/users"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/stackoverflow.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://codesandbox.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codesandbox.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://kaggle.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/kaggle.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://fb.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/facebook.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://instagram.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://dribbble.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/dribbble.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.behance.net"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/behance.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://medium.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/medium.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.youtube.com/c"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/youtube.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.codechef.com/users"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codechef.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://codeforces.com/profile"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codeforces.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.hackerrank.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/hackerrank.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://auth.geeksforgeeks.org/user"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/geeksforgeeks.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.hackerearth.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/hackerearth.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.topcoder.com/members"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/topcoder.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://www.leetcode.com"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/leetcode.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base="https://discord.gg"
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/discord.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
<DisplaySocial
|
||||||
|
base=""
|
||||||
|
icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/rss.svg"
|
||||||
|
username=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`SubTitle Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`SubTitle Preview renders correctly 1`] = `
|
||||||
|
<h3
|
||||||
|
className="text-center font-medium"
|
||||||
|
>
|
||||||
|
A passionate frontend developer from India
|
||||||
|
</h3>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`SubTitle Preview renders correctly with no subtitle 1`] = `ShallowWrapper {}`;
|
exports[`SubTitle Preview renders correctly with no subtitle 1`] = `""`;
|
||||||
|
|
||||||
exports[`Title Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`Title Preview renders correctly 1`] = `
|
||||||
|
<h1
|
||||||
|
className="text-center text-xl font-bold"
|
||||||
|
>
|
||||||
|
Hi 👋, I'm dummy
|
||||||
|
</h1>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`Title Preview renders correctly with no prefix 1`] = `ShallowWrapper {}`;
|
exports[`Title Preview renders correctly with no prefix 1`] = `""`;
|
||||||
|
|
||||||
exports[`Title Preview renders correctly with no title 1`] = `ShallowWrapper {}`;
|
exports[`Title Preview renders correctly with no title 1`] = `""`;
|
||||||
|
|
||||||
exports[`Title Preview renders correctly with no title and prefix 1`] = `ShallowWrapper {}`;
|
exports[`Title Preview renders correctly with no title and prefix 1`] = `""`;
|
||||||
|
|
||||||
exports[`TopLanguages Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`TopLanguages Preview renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
className="text-center mx-4 mb-4"
|
||||||
|
>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`TopLanguages Preview renders correctly with show true 1`] = `ShallowWrapper {}`;
|
exports[`TopLanguages Preview renders correctly with show true 1`] = `
|
||||||
|
<div
|
||||||
|
className="text-center mx-4 mb-4"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt=""
|
||||||
|
src="https://github-readme-stats.vercel.app/api/top-langs?username=&show_icons=true&locale=en&layout=compact"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`TwitterBadgePreview Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`TwitterBadgePreview Preview renders correctly 1`] = `""`;
|
||||||
|
|
||||||
exports[`TwitterBadgePreview Preview renders correctly with show true 1`] = `ShallowWrapper {}`;
|
exports[`TwitterBadgePreview Preview renders correctly with show true 1`] = `
|
||||||
|
<div
|
||||||
|
className="text-left my-2"
|
||||||
|
>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="https://twitter.com/\${props.twitter}"
|
||||||
|
target="blank"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt=""
|
||||||
|
className="h-4 sm:h-6"
|
||||||
|
src="https://img.shields.io/twitter/follow/?logo=twitter&style=for-the-badge"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`VisitorsBadge Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`VisitorsBadge Preview renders correctly 1`] = `""`;
|
||||||
|
|
||||||
exports[`VisitorsBadge Preview renders correctly with show true 1`] = `ShallowWrapper {}`;
|
exports[`VisitorsBadge Preview renders correctly with show true 1`] = `
|
||||||
|
<div
|
||||||
|
className="text-left my-2"
|
||||||
|
>
|
||||||
|
|
||||||
|
<img
|
||||||
|
alt=""
|
||||||
|
className="h-4 sm:h-6"
|
||||||
|
src="https://komarev.com/ghpvc/?username=&label=Profile%20views&color=0e75b6&style=flat"
|
||||||
|
/>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`Work Preview renders correctly 1`] = `ShallowWrapper {}`;
|
exports[`Work Preview renders correctly 1`] = `
|
||||||
|
<Fragment>
|
||||||
|
<DisplayWork
|
||||||
|
link="https://dummy.com"
|
||||||
|
prefix="🔭 I’m currently working on"
|
||||||
|
project="readme-generator"
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
prefix="🌱 I’m currently learning"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
link=""
|
||||||
|
prefix="🤝 I’m looking for help with"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
link=""
|
||||||
|
prefix="👯 I’m looking to collaborate on"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
prefix="💬 Ask me about"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
link=""
|
||||||
|
prefix="👨💻 All of my projects are available at"
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
link=""
|
||||||
|
prefix="📝 I regulary write articles on"
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
link=""
|
||||||
|
prefix="📄 Know about my experiences"
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
prefix="📫 How to reach me"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
<DisplayWork
|
||||||
|
prefix="⚡ Fun fact"
|
||||||
|
project=""
|
||||||
|
/>
|
||||||
|
</Fragment>
|
||||||
|
`;
|
||||||
|
|||||||
@@ -0,0 +1,766 @@
|
|||||||
|
import React from "react"
|
||||||
|
import toJson from "enzyme-to-json"
|
||||||
|
import { shallow, mount } from "enzyme"
|
||||||
|
|
||||||
|
import Addons from "../addons"
|
||||||
|
|
||||||
|
jest.useFakeTimers();
|
||||||
|
|
||||||
|
describe("Addons", () => {
|
||||||
|
const dataInput = {
|
||||||
|
title: "",
|
||||||
|
subtitle: "A passionate frontend developer from India",
|
||||||
|
currentWork: "",
|
||||||
|
currentLearn: "",
|
||||||
|
collaborateOn: "",
|
||||||
|
helpWith: "",
|
||||||
|
ama: "",
|
||||||
|
contact: "",
|
||||||
|
funFact: "",
|
||||||
|
twitterBadge: false,
|
||||||
|
visitorsBadge: false,
|
||||||
|
badgeStyle: "flat",
|
||||||
|
badgeColor: "0e75b6",
|
||||||
|
badgeLabel: "Profile views",
|
||||||
|
githubProfileTrophy: false,
|
||||||
|
githubStats: false,
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "",
|
||||||
|
titleColor: "",
|
||||||
|
textColor: "",
|
||||||
|
bgColor: "",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
locale: "en",
|
||||||
|
},
|
||||||
|
topLanguages: false,
|
||||||
|
topLanguagesOptions: {
|
||||||
|
theme: "",
|
||||||
|
titleColor: "",
|
||||||
|
textColor: "",
|
||||||
|
bgColor: "",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
locale: "en",
|
||||||
|
},
|
||||||
|
devDynamicBlogs: false,
|
||||||
|
mediumDynamicBlogs: false,
|
||||||
|
rssDynamicBlogs: false,
|
||||||
|
};
|
||||||
|
const socialInput = {
|
||||||
|
github: "",
|
||||||
|
dev: "",
|
||||||
|
linkedin: "",
|
||||||
|
codepen: "",
|
||||||
|
stackoverflow: "",
|
||||||
|
kaggle: "",
|
||||||
|
codesandbox: "",
|
||||||
|
fb: "",
|
||||||
|
instagram: "",
|
||||||
|
twitter: "",
|
||||||
|
dribbble: "",
|
||||||
|
behance: "",
|
||||||
|
medium: "",
|
||||||
|
youtube: "",
|
||||||
|
codechef: "",
|
||||||
|
hackerrank: "",
|
||||||
|
codeforces: "",
|
||||||
|
leetcode: "",
|
||||||
|
topcoder: "",
|
||||||
|
hackerearth: "",
|
||||||
|
geeks_for_geeks: "",
|
||||||
|
discord: "",
|
||||||
|
rssurl: "",
|
||||||
|
};
|
||||||
|
|
||||||
|
let mockHandleCheckChange;
|
||||||
|
let mockHandleDataChange;
|
||||||
|
beforeEach(() => {
|
||||||
|
mockHandleCheckChange = jest.fn();
|
||||||
|
mockHandleDataChange = jest.fn();
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(() => {
|
||||||
|
jest.clearAllMocks();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("renders correctly", () => {
|
||||||
|
const addOnComponent = shallow(<Addons
|
||||||
|
data={dataInput}
|
||||||
|
social={socialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
expect(toJson(addOnComponent)).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should render Customize Badges", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#visitors-count-open-btn").simulate("click",{});
|
||||||
|
|
||||||
|
expect(addOnComponent).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when badge style is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "style-new" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "title-abcd",
|
||||||
|
textColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
locale: "en",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#visitors-count-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#badge-style").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('badgeStyle',{target: {value: "style-new" }});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when badge color is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "new-color-abcd" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#visitors-count-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#badge-color").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('badgeColor',{target: {value: "new-color-abcd" }});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when badge-label-text is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "label-abcd-random" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#visitors-count-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#badge-label-text").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('badgeLabel',{target: {value: "label-abcd-random" }});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should render Customize Github stats card", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
|
||||||
|
expect(addOnComponent).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats theme is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "new-theme-for-stats" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
titleColor: "title-abcd",
|
||||||
|
textColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-theme").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "title-abcd",
|
||||||
|
textColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats title color is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "red-color" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
textColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-title-color").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "red-color",
|
||||||
|
textColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats bg color is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "random-color" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-bg-color").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats cache seconds is changed", () => {
|
||||||
|
const mockEvent = { target: { value: 1900 } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-cache-seconds").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: 1900,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats text color is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "black-color" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-text-color").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "black-color",
|
||||||
|
bgColor: "abcd",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats local is changed", () => {
|
||||||
|
const mockEvent = { target: { value: 'uk' } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click", {});
|
||||||
|
addOnComponent.find("#stats-locale").simulate("change", mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "uk",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when stats local is changed", () => {
|
||||||
|
const mockEvent = { target: { checked: true } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
githubStatsOptions: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#github-stats-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#stats-hide-border").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('githubStatsOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-1",
|
||||||
|
titleColor: "some-color",
|
||||||
|
textColor: "abcd",
|
||||||
|
bgColor: "random-color",
|
||||||
|
hideBorder: true,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "new-theme-for-stats",
|
||||||
|
locale: "en",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should render Customize Top Skills Card", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#top-languages-open-btn").simulate("click",{});
|
||||||
|
|
||||||
|
expect(addOnComponent).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle data change when top skills theme is changed", () => {
|
||||||
|
const mockEvent = { target: { value: "theme-xyz" } }
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value",
|
||||||
|
topLanguagesOptions : {
|
||||||
|
theme: "theme-2",
|
||||||
|
titleColor: "title-abcd-new",
|
||||||
|
textColor: "random-some-color",
|
||||||
|
bgColor: "1234",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "theme-xyz",
|
||||||
|
locale: "us",
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#top-languages-open-btn").simulate("click",{});
|
||||||
|
addOnComponent.find("#top-lang-theme").simulate("change",mockEvent);
|
||||||
|
|
||||||
|
jest.runAllTimers();
|
||||||
|
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledTimes(1);
|
||||||
|
expect(mockHandleDataChange).toHaveBeenCalledWith('topLanguagesOptions', {
|
||||||
|
target: {
|
||||||
|
value: {
|
||||||
|
theme: "theme-2",
|
||||||
|
titleColor: "title-abcd-new",
|
||||||
|
textColor: "random-some-color",
|
||||||
|
bgColor: "1234",
|
||||||
|
hideBorder: false,
|
||||||
|
cacheSeconds: null,
|
||||||
|
theme: "theme-xyz",
|
||||||
|
locale: "us",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should handle check change when add on item inputs are changed", () => {
|
||||||
|
const mockEvent = { target: { value: "This is a mock event" } }
|
||||||
|
|
||||||
|
const addOnComponent = mount(<Addons
|
||||||
|
data={dataInput}
|
||||||
|
social={socialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#visitors-count").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#github-profile-trophy").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#github-stats").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#top-languages").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#twitter-badge").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#dev-dynamic-blogs").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#rss-dynamic-blogs").simulate("change", mockEvent);
|
||||||
|
addOnComponent.find("#medium-dynamic-blogs").simulate("change", mockEvent);
|
||||||
|
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenCalledTimes(8);
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(1,"visitorsBadge");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(2,"githubProfileTrophy");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(3,"githubStats");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(4,"topLanguages");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(5,"twitterBadge");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(6,"devDynamicBlogs");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(7,"rssDynamicBlogs");
|
||||||
|
expect(mockHandleCheckChange).toHaveBeenNthCalledWith(8,"mediumDynamicBlogs");
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should display workflow details if devDynamicBlogs and dev social data are available", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
devDynamicBlogs: "some-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
dev: "some-value-123",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = shallow(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
const workflowElement = addOnComponent.find(".workflow");
|
||||||
|
expect(workflowElement).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should display workflow details if rssDynamicBlogs and rss url data are available", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
rssDynamicBlogs: "some-rss-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
rssurl: "url-random",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = shallow(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
const workflowElement = addOnComponent.find(".workflow");
|
||||||
|
expect(workflowElement).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should display workflow details if mediumDynamicBlogs, medium social data are available", () => {
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = shallow(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
const workflowElement = addOnComponent.find(".workflow");
|
||||||
|
expect(workflowElement).toMatchSnapshot();
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should call document create element when blog post workflow is clicked", () => {
|
||||||
|
let someElement = document.createElement("abcd");
|
||||||
|
document.createElement = jest.fn().mockReturnValueOnce(someElement);
|
||||||
|
|
||||||
|
const newDataInput = {
|
||||||
|
...dataInput,
|
||||||
|
mediumDynamicBlogs: "some-medium-blogs-value"
|
||||||
|
};
|
||||||
|
|
||||||
|
const newSocialInput = {
|
||||||
|
medium: "@abcd",
|
||||||
|
};
|
||||||
|
|
||||||
|
const addOnComponent = shallow(<Addons
|
||||||
|
data={newDataInput}
|
||||||
|
social={newSocialInput}
|
||||||
|
handleCheckChange={mockHandleCheckChange}
|
||||||
|
handleDataChange={mockHandleDataChange}
|
||||||
|
/>);
|
||||||
|
|
||||||
|
addOnComponent.find("#blog-post-worklow-span").simulate("click", {});
|
||||||
|
expect(document.createElement).toHaveBeenCalledTimes(1);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -23,6 +23,7 @@ const AddonsItem = ({ inputId, inputChecked, onInputChange, Options, onIconClick
|
|||||||
</label>
|
</label>
|
||||||
{Options && (
|
{Options && (
|
||||||
<button
|
<button
|
||||||
|
id={`${inputId}-open-btn`}
|
||||||
onClick={() => setOpen(!open)}
|
onClick={() => setOpen(!open)}
|
||||||
className="flex ml-3 focus:bg-gray-400"
|
className="flex ml-3 focus:bg-gray-400"
|
||||||
style={{ outline: "none" }}
|
style={{ outline: "none" }}
|
||||||
@@ -370,6 +371,7 @@ const Addons = props => {
|
|||||||
<div>
|
<div>
|
||||||
download
|
download
|
||||||
<span
|
<span
|
||||||
|
id="blog-post-worklow-span"
|
||||||
onClick={blogPostPorkflow}
|
onClick={blogPostPorkflow}
|
||||||
onKeyDown={(e) => e.keyCode === 13 && blogPostPorkflow()}
|
onKeyDown={(e) => e.keyCode === 13 && blogPostPorkflow()}
|
||||||
role="button"
|
role="button"
|
||||||
|
|||||||
Reference in New Issue
Block a user