Merge pull request #346 from simenko/chore/update-dependencies

Chore/update dependencies

Author: boromo

CHANGELOG.md

@@ -38,7 +38,7 @@ interface MenuItemProps extends ActionLinkProps {
 const NavItems = styled.div``;
 
 const MenuItem = styled(ActionLink)<MenuItemProps>(
-  themed(
+  themed<MenuItemProps>(
     ({ selected, theme }) => `
   position: relative;
   display: block;

docs/components/ComponentsList.tsx

@@ -55,14 +55,14 @@ interface ContentColumn {
 }
 
 const ContentColumn = styled('div')<ContentColumn>(
-  themed(
+  themed<ContentColumn>(
     ({ hasSidebar, theme }) => `
     flex: 1;
     padding: ${distance.xxlarge} ${distance.xlarge};
     ${
       hasSidebar
         ? `margin-left: ${tocColumnWidth}px;`
-        : `width: ${theme.breakpoints.large}px; 
+        : `width: ${theme.breakpoints.large}px;
       margin: 0 auto;`
     }
   `,

docs/components/Layout.tsx

@@ -19,7 +19,7 @@ interface SectionRendererProps {
 }
 
 const SectionRenderer: React.SFC<SectionRendererProps> = props => {
-  const { description, content, sections, components, depth, slug, pagePerSection } = props;
+  const { description, content, sections, components, depth, slug, pagePerSection, name } = props;
 
   return (
     <section>

docs/components/SectionRenderer.tsx

@@ -2,8 +2,11 @@ const { setup: setupPuppeteer } = require('jest-puppeteer-docker');
 const exec = require('child_process').exec;
 
 const buildDemo = () =>
-  new Promise(resolve => {
-    exec('npm run build:demo:test', undefined, resolve);
+  new Promise((resolve, reject) => {
+    const builder = exec('npm run build:demo:test', undefined, resolve);
+    builder.on('error', reject)
+    builder.stdout.pipe(process.stdout)
+    builder.stderr.pipe(process.stderr)
   });
 
 module.exports = jestConfig => Promise.all([buildDemo(), setupPuppeteer(jestConfig)]);

integration/__image_snapshots__/AccordionTableRow_1-snap.png

@@ -4,7 +4,6 @@ function wait(ms) {
 
 describe('Visual testing', () => {
   test('Components available', () => expect(components && components.length > 0).toBeTruthy());
-
   if (components && components.length) {
     for (const { identifier, link, skip, wait: waitMs } of components) {
       const testFunction = skip ? test.skip : test;
@@ -21,6 +20,7 @@ describe('Visual testing', () => {
         try {
           expect(screenshot).toMatchImageSnapshot({
             customSnapshotIdentifier: identifier,
+            dumpDiffToConsole: true,
           });
         } catch (e) {
           throw new Error(`${e}\n${link}`);