From 6d9cbbdc4ff20143a179d58d22545162383339b4 Mon Sep 17 00:00:00 2001
From: Mihail Bodrov <connormiha1@gmail.com>
Date: Fri, 21 Sep 2018 00:59:07 +0300
Subject: [PATCH] [storybook-addon-jsx] Add 3rd param for addWithJSX

---
 types/storybook-addon-jsx/index.d.ts             | 10 ++++++++--
 .../storybook-addon-jsx-tests.tsx                | 16 ++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/types/storybook-addon-jsx/index.d.ts b/types/storybook-addon-jsx/index.d.ts
index 80ec756d3a..0bd019abeb 100644
--- a/types/storybook-addon-jsx/index.d.ts
+++ b/types/storybook-addon-jsx/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for storybook-addon-jsx 5.3
+// Type definitions for storybook-addon-jsx 5.4
 // Project: https://github.com/storybooks/storybook
 // Definitions by: James Newell <https://github.com/jameslnewell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -8,7 +8,13 @@ import '@storybook/react';
 import { ReactNode } from 'react';
 
 declare module '@storybook/react' {
+    interface Options {
+        skip?: number;
+        enableBeautify?: boolean;
+        onBeforeRender?: (domString: string) => string;
+    }
+
     interface Story {
-        addWithJSX(kind: string, fn: () => ReactNode): Story;
+        addWithJSX(kind: string, fn: () => ReactNode, options?: Options): Story;
     }
 }
diff --git a/types/storybook-addon-jsx/storybook-addon-jsx-tests.tsx b/types/storybook-addon-jsx/storybook-addon-jsx-tests.tsx
index b0edecc897..9413ffc251 100644
--- a/types/storybook-addon-jsx/storybook-addon-jsx-tests.tsx
+++ b/types/storybook-addon-jsx/storybook-addon-jsx-tests.tsx
@@ -8,3 +8,19 @@ const { Component } = React;
 storiesOf('Component', module)
   .addWithJSX('simple info', () =>
   <Component>Click the "?" mark at top-right to view the info.</Component>);
+
+storiesOf('Component with options', module)
+  .addWithJSX('simple info', () =>
+  <Component>Click the "?" mark at top-right to view the info.</Component>,
+  {
+    skip: 2,
+    enableBeautify: false,
+    onBeforeRender: (str) => ''
+  });
+
+storiesOf('Component with partial options', module)
+  .addWithJSX('simple info', () =>
+  <Component>Click the "?" mark at top-right to view the info.</Component>,
+  {
+    skip: 2
+  });