mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-07-27 20:52:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

improvement: flow coverage

Browse Source
This commit is contained in:
alxshelepenok
2019-05-10 02:15:43 +03:00
parent 091834f16a
commit 35f2170bf5
66 changed files with 308 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Feed/Feed.js
View File

@@ -1,9 +1,15 @@
// @flow
import React from 'react';
import moment from 'moment';
import { Link } from 'gatsby';
import type { Edges } from '../../types';
import styles from './Feed.module.scss';
const Feed = ({ edges }) => (
type Props = {
edges: Edges
};
const Feed = ({ edges }: Props) => (
<div className={styles['feed']}>
{edges.map((edge) => (
<div className={styles['feed__item']} key={edge.node.fields.slug}>

31
src/components/Feed/Feed.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Feed from './Feed';
@@ -9,28 +10,50 @@ describe('Feed', () => {
node: {
fields: {
slug: '/test_0',
categorySlug: '/test_0'
categorySlug: '/test_0',
tagSlugs: [
'/test-1',
'/test-2'
]
},
frontmatter: {
date: '2016-09-01',
description: 'test_0',
category: 'test_0',
tags: [
'test-1',
'test-2'
],
title: 'test_0'
}
},
id: 'test-123',
html: '<p>test</p>'
}
},
{
node: {
fields: {
slug: '/test_1',
categorySlug: '/test_1'
categorySlug: '/test_1',
tagSlugs: [
'/test-1',
'/test-2'
]
},
frontmatter: {
date: '2016-09-01',
description: 'test_1',
category: 'test_1',
tags: [
'test-1',
'test-2'
],
title: 'test_1'
}
},
id: 'test-321',
html: '<p>test</p>'
}
}
]

1
src/components/Feed/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Feed';

10
src/components/Icon/Icon.js
View File

@@ -1,7 +1,15 @@
// @flow
import React from 'react';
import styles from './Icon.module.scss';
const Icon = ({ icon }) => (
type Props = {
icon: {
viewBox?: string,
path?: string
}
};
const Icon = ({ icon }: Props) => (
<svg className={styles['icon']} viewBox={icon.viewBox}>
<path d={icon.path} />
</svg>

1
src/components/Icon/Icon.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Icon from './Icon';

1
src/components/Icon/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Icon';

10
src/components/Layout/Layout.js
View File

@@ -1,8 +1,16 @@
// @flow
import React from 'react';
import Helmet from 'react-helmet';
import type { Node as ReactNode } from 'react';
import styles from './Layout.module.scss';
const Layout = ({ children, title, description }) => (
type Props = {
children: ReactNode,
title: string,
description?: string
};
const Layout = ({ children, title, description }: Props) => (
<div className={styles.layout}>
<Helmet>
<html lang="en" />

1
src/components/Layout/Layout.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Layout from './Layout';

1
src/components/Layout/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Layout';

7
src/components/Page/Page.js
View File

@@ -1,7 +1,12 @@
import React, { useRef, useEffect } from 'react';
import styles from './Page.module.scss';
const Page = ({ title, children }) => {
type Props = {
title?: string,
children: React.Node
};
const Page = ({ title, children }: Props) => {
const pageRef = useRef();
useEffect(() => {

1
src/components/Page/Page.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Page from './Page';

1
src/components/Page/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Page';

10
src/components/Pagination/Pagination.js
View File

@@ -1,9 +1,17 @@
// @flow
import React from 'react';
import classNames from 'classnames/bind';
import { Link } from 'gatsby';
import { PAGINATION } from '../../constants';
import styles from './Pagination.module.scss';
type Props = {
prevPagePath: string,
nextPagePath: string,
hasNextPage: boolean,
hasPrevPage: boolean
};
const cx = classNames.bind(styles);
const Pagination = ({
@@ -11,7 +19,7 @@ const Pagination = ({
nextPagePath,
hasNextPage,
hasPrevPage
}) => {
}: Props) => {
const prevClassName = cx({
'pagination__prev-link': true,
'pagination__prev-link--disable': !hasPrevPage

1
src/components/Pagination/Pagination.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Pagination from './Pagination';

1
src/components/Pagination/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Pagination';

4
src/components/Post/Author/Author.test.js
View File

@@ -1,13 +1,15 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import { useStaticQuery, StaticQuery } from 'gatsby';
import Author from './Author';
import siteMetadata from '../../../../jest/__fixtures__/site-metadata';
import type { RenderCallback } from '../../../types';
describe('Author', () => {
beforeEach(() => {
StaticQuery.mockImplementationOnce(
({ render }) => (
({ render }: RenderCallback) => (
render(siteMetadata)
),
useStaticQuery.mockReturnValue(siteMetadata)

8
src/components/Post/Comments/Comments.js
View File

@@ -1,8 +1,14 @@
// @flow
import React from 'react';
import ReactDisqusComments from 'react-disqus-comments';
import { useSiteMetadata } from '../../../hooks';
const Comments = ({ postTitle, postSlug }) => {
type Props = {
postTitle: string,
postSlug: string
};
const Comments = ({ postTitle, postSlug }: Props) => {
const { url, disqusShortname } = useSiteMetadata();
if (!disqusShortname) {

4
src/components/Post/Comments/Comments.test.js
View File

@@ -1,13 +1,15 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import { useStaticQuery, StaticQuery } from 'gatsby';
import Comments from './Comments';
import siteMetadata from '../../../../jest/__fixtures__/site-metadata';
import type { RenderCallback } from '../../../types';
describe('Comments', () => {
beforeEach(() => {
StaticQuery.mockImplementationOnce(
({ render }) => (
({ render }: RenderCallback) => (
render(siteMetadata)
),
useStaticQuery.mockReturnValue(siteMetadata)

1
src/components/Post/Comments/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Comments';

8
src/components/Post/Content/Content.js
View File

@@ -1,7 +1,13 @@
// @flow
import React from 'react';
import styles from './Content.module.scss';
const Content = ({ body, title }) => (
type Props = {
body: string,
title: string
};
const Content = ({ body, title }: Props) => (
<div className={styles['content']}>
<h1 className={styles['content__title']}>{title}</h1>
<div className={styles['content__body']} dangerouslySetInnerHTML={{ __html: body }} />

1
src/components/Post/Content/Content.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Content from './Content';

1
src/components/Post/Content/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Content';

7
src/components/Post/Meta/Meta.js
View File

@@ -1,8 +1,13 @@
// @flow
import React from 'react';
import moment from 'moment';
import styles from './Meta.module.scss';
const Meta = ({ date }) => (
type Props = {
date: string
};
const Meta = ({ date }: Props) => (
<div className={styles['meta']}>
<p className={styles['meta__date']}>Published {moment(date).format('D MMM YYYY')}</p>
</div>

1
src/components/Post/Meta/Meta.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Meta from './Meta';

1
src/components/Post/Meta/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Meta';

10
src/components/Post/Post.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import { Link } from 'gatsby';
import Author from './Author';
@@ -6,8 +7,13 @@ import Content from './Content';
import Meta from './Meta';
import Tags from './Tags';
import styles from './Post.module.scss';
import type { Node } from '../../types';
const Post = ({ post }) => {
type Props = {
post: Node
};
const Post = ({ post }: Props) => {
const { html } = post;
const { tagSlugs, slug } = post.fields;
const { tags, title, date } = post.frontmatter;
@@ -22,7 +28,7 @@ const Post = ({ post }) => {
<div className={styles['post__footer']}>
<Meta date={date} />
{tags && <Tags tags={tags} tagSlugs={tagSlugs} />}
{tags && tagSlugs && <Tags tags={tags} tagSlugs={tagSlugs} />}
<Author />
</div>

7
src/components/Post/Post.test.js
View File

@@ -1,13 +1,15 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import { useStaticQuery, StaticQuery } from 'gatsby';
import Post from './Post';
import siteMetadata from '../../../jest/__fixtures__/site-metadata';
import type { RenderCallback } from '../../types';
describe('Post', () => {
beforeEach(() => {
StaticQuery.mockImplementationOnce(
({ render }) => (
({ render }: RenderCallback) => (
render(siteMetadata)
),
useStaticQuery.mockReturnValue(siteMetadata)
@@ -16,8 +18,11 @@ describe('Post', () => {
const props = {
post: {
id: 'test-123',
html: '<p>test</p>',
fields: {
slug: '/test',
categorySlug: '/test-category',
tagSlugs: [
'/test_0',
'/test_1'

10
src/components/Post/Tags/Tags.js
View File

@@ -1,11 +1,17 @@
// @flow
import React from 'react';
import { Link } from 'gatsby';
import styles from './Tags.module.scss';
const Tags = ({ tags, tagSlugs }) => (
type Props = {
tags: string[],
tagSlugs: string[]
};
const Tags = ({ tags, tagSlugs }: Props) => (
<div className={styles['tags']}>
<ul className={styles['tags__list']}>
{tagSlugs.map((slug, i) => (
{tagSlugs && tagSlugs.map((slug, i) => (
<li className={styles['tags__list-item']} key={tags[i]}>
<Link to={slug} className={styles['tags__list-item-link']}>
{tags[i]}

1
src/components/Post/Tags/Tags.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Tags from './Tags';

1
src/components/Post/Tags/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Tags';

1
src/components/Post/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Post';

12
src/components/Sidebar/Author/Author.js
View File

@@ -1,8 +1,18 @@
// @flow
import React from 'react';
import { withPrefix, Link } from 'gatsby';
import styles from './Author.module.scss';
const Author = ({ author, isIndex }) => (
type Props = {
author: {
name: string,
bio: string,
photo: string
},
isIndex: ?boolean
};
const Author = ({ author, isIndex }: Props) => (
<div className={styles['author']}>
<Link to="/">
<img

4
src/components/Sidebar/Author/Author.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Author from './Author';
@@ -8,7 +9,8 @@ describe('Author', () => {
name: 'test',
photo: '/photo.jpg',
bio: 'test'
}
},
isIndex: false
};
it('renders correctly', () => {

1
src/components/Sidebar/Author/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Author';

6
src/components/Sidebar/Contacts/Contacts.js
View File

@@ -4,11 +4,11 @@ import { getContactHref, getIcon } from '../../../utils';
import Icon from '../../Icon';
import styles from './Contacts.module.scss';
type Props = {|
+contacts: {
type Props = {
contacts: {
[string]: string,
},
|};
};
const Contacts = ({ contacts }: Props) => (
<div className={styles['contacts']}>

2
src/components/Sidebar/Contacts/Contacts.test.js
View File

@@ -1,3 +1,5 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Contacts from './Contacts';

1
src/components/Sidebar/Contacts/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Contacts';

7
src/components/Sidebar/Copyright/Copyright.js
View File

@@ -1,7 +1,12 @@
// @flow
import React from 'react';
import styles from './Copyright.module.scss';
const Copyright = ({ copyright }) => (
type Props = {
copyright: string
};
const Copyright = ({ copyright }: Props) => (
<div className={styles['copyright']}>
{copyright}
</div>

1
src/components/Sidebar/Copyright/Copyright.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Copyright from './Copyright';

1
src/components/Sidebar/Copyright/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Copyright';

10
src/components/Sidebar/Menu/Menu.js
View File

@@ -1,8 +1,16 @@
// @flow
import React from 'react';
import { Link } from 'gatsby';
import styles from './Menu.module.scss';
const Menu = ({ menu }) => (
type Props = {
menu: {
label: string,
path: string
}[]
};
const Menu = ({ menu }: Props) => (
<nav className={styles['menu']}>
<ul className={styles['menu__list']}>
{menu.map((item) => (

1
src/components/Sidebar/Menu/Menu.test.js
View File

@@ -1,3 +1,4 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import Menu from './Menu';

1
src/components/Sidebar/Menu/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Menu';

2
src/components/Sidebar/Sidebar.js
View File

@@ -8,7 +8,7 @@ import styles from './Sidebar.module.scss';
import { useSiteMetadata } from '../../hooks';
type Props = {
+isIndex: ?boolean,
isIndex?: boolean,
};
const Sidebar = ({ isIndex }: Props) => {

4
src/components/Sidebar/Sidebar.test.js
View File

@@ -1,13 +1,15 @@
// @flow
import React from 'react';
import renderer from 'react-test-renderer';
import { useStaticQuery, StaticQuery } from 'gatsby';
import Sidebar from './Sidebar';
import siteMetadata from '../../../jest/__fixtures__/site-metadata';
import type { RenderCallback } from '../../types';
describe('Sidebar', () => {
beforeEach(() => {
StaticQuery.mockImplementationOnce(
({ render }) => (
({ render }: RenderCallback) => (
render(siteMetadata)
),
useStaticQuery.mockReturnValue(siteMetadata)

1
src/components/Sidebar/index.js
View File

@@ -1 +1,2 @@
// @flow
export { default } from './Sidebar';