Skip to content

Commit d2c2637

Browse files
zoltantothcomzoltantothcom
authored
Merge pull request zoltantothcom#33 from zoltantothcom/dev
Pattern Reference section
2 parents 0e407de + eb1070a commit d2c2637

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+2324
-733
lines changed

‎__tests__/Layout.test.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -65,8 +65,8 @@ describe('Layout', () => {
6565
expect(tree.find('header h1').text()).toMatch('Design Patterns');
6666
});
6767

68-
it('renders 1 link', () => {
69-
expect(tree.find('header a')).toHaveLength(1);
68+
it('renders 2 links', () => {
69+
expect(tree.find('header a')).toHaveLength(2);
7070
});
7171

7272
it('renders 1 span', () => {
@@ -108,8 +108,8 @@ describe('Layout', () => {
108108
expect(tree.find('header h1').text()).toMatch('Design Patterns');
109109
});
110110

111-
it('renders 1 link', () => {
112-
expect(tree.find('header a')).toHaveLength(1);
111+
it('renders 2 links', () => {
112+
expect(tree.find('header a')).toHaveLength(2);
113113
});
114114

115115
it('renders 1 span', () => {

‎__tests__/components/Pattern.test.js

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
import React from 'react';
2+
import { MemoryRouter } from 'react-router-dom';
3+
import renderer from 'react-test-renderer';
4+
import { Provider } from 'react-redux';
5+
import configureMockStore from 'redux-mock-store';
6+
import 'jest-styled-components';
7+
import Pattern from '../../src/components/Pattern';
8+
9+
const mockStore = configureMockStore();
10+
11+
describe('REFERENCE - Pattern component', () => {
12+
it('renders the individual pattern (Singleton) details in DARK mode', () => {
13+
const store = mockStore({
14+
mode: 'dark'
15+
});
16+
const tree = renderer
17+
.create(
18+
<MemoryRouter initialEntries={['/patterns/singleton']}>
19+
<Provider store={store}>
20+
<Pattern match={{ params: { id: 'singleton' } }} />
21+
</Provider>
22+
</MemoryRouter>
23+
)
24+
.toJSON();
25+
expect(tree).toMatchSnapshot();
26+
});
27+
28+
xit('renders the individual pattern (Singleton) details in LIGHT mode', () => {
29+
const store = mockStore({
30+
mode: 'light'
31+
});
32+
const tree = renderer
33+
.create(
34+
<MemoryRouter initialEntries={['/patterns/singleton']}>
35+
<Provider store={store}>
36+
<Pattern match={{ params: { id: 'singleton' } }} />
37+
</Provider>
38+
</MemoryRouter>
39+
)
40+
.toJSON();
41+
expect(tree).toMatchSnapshot();
42+
});
43+
});

‎__tests__/components/PatternsList.test.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import React from 'react';
2+
import renderer from 'react-test-renderer';
3+
import { MemoryRouter } from 'react-router-dom';
4+
import 'jest-styled-components';
5+
import PatternsList from '../../src/components/PatternsList';
6+
7+
describe('REFERENCE - Patterns List', () => {
8+
it('renders all the patterns', () => {
9+
const tree = renderer
10+
.create(
11+
<MemoryRouter>
12+
<PatternsList />
13+
</MemoryRouter>
14+
)
15+
.toJSON();
16+
expect(tree).toMatchSnapshot();
17+
});
18+
});

‎__tests__/components/__snapshots__/Code.test.js.snap

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22

33
exports[`<Code /> component renders ES5 code in LIGHT mode 1`] = `
44
<pre
5+
className="fixed"
56
style={
67
Object {
78
"background": "#fafafa",
89
"border": "1px solid #d8d8d8",
910
"color": "#383a42",
1011
"display": "block",
11-
"height": 375,
1212
"overflowX": "auto",
1313
"padding": "1em",
1414
}
@@ -22,13 +22,13 @@ exports[`<Code /> component renders ES5 code in LIGHT mode 1`] = `
2222

2323
exports[`<Code /> component renders ES6 code in DARK mode 1`] = `
2424
<pre
25+
className="fixed"
2526
style={
2627
Object {
2728
"background": "#282828",
2829
"border": "1px solid #555",
2930
"color": "#ebdbb2",
3031
"display": "block",
31-
"height": 375,
3232
"overflowX": "auto",
3333
"padding": "1em",
3434
}

‎__tests__/components/__snapshots__/Header.test.js.snap

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -147,6 +147,15 @@ exports[`<Header /> component renders with DARK theme 1`] = `
147147
Game
148148
</span>
149149
<a
150+
aria-current={null}
151+
className="c3"
152+
href="/patterns"
153+
onClick={[Function]}
154+
>
155+
Pattern Reference
156+
</a>
157+
<a
158+
aria-current={null}
150159
className="c3"
151160
href="/about"
152161
onClick={[Function]}
@@ -369,6 +378,15 @@ exports[`<Header /> component renders with LIGHT theme 1`] = `
369378
Game
370379
</span>
371380
<a
381+
aria-current={null}
382+
className="c3"
383+
href="/patterns"
384+
onClick={[Function]}
385+
>
386+
Pattern Reference
387+
</a>
388+
<a
389+
aria-current={null}
372390
className="c3"
373391
href="/about"
374392
onClick={[Function]}

0 commit comments

Comments
 (0)