From 8f63f9be1626185a99d7e4ba4d6eb2de0e180c6f Mon Sep 17 00:00:00 2001 From: Daniel Duan Date: Sat, 28 Oct 2017 19:07:37 -0400 Subject: [PATCH] #1750 update snapshots --- .../src/__snapshots__/storyshots.test.js.snap | 3140 ++++++++++++++++- 1 file changed, 3120 insertions(+), 20 deletions(-) diff --git a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap index ffe4f769c19..90c86b2cdfa 100644 --- a/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap +++ b/examples/cra-kitchen-sink/src/__snapshots__/storyshots.test.js.snap @@ -1,6 +1,3083 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots AddonInfo.DocgenButton DocgenButton 1`] = ` +exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.Markdown +

+

+ Displays Markdown in description +

+
+
+

+ You can use markdown in your withInfo() description. +

+

+ Sometimes you might want to manually include some code examples: +

+ 
+            
+
+

+ Maybe include a + + link + + to your project as well. +

+
+
+

+ Story Source +

+ 
+            

+              
+                <
+                BaseButton
+              
+              
+                
+                   
+                  
+                    onClick
+                  
+                  
+                    =
+                    
+                      
+                        {
+                        
+                          clicked()
+                        
+                        }
+                      
+                    
+                  
+                
+                
+                   
+                  
+                    label
+                  
+                  
+                    =
+                    
+                      
+                        "
+                        Button
+                        "
+                      
+                    
+                  
+                   
+                
+              
+              
+                />
+              
+            

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ The Info Addon header should be hidden +

+
+
+

+ Story Source +

+ 
+            

+              
+                <
+                BaseButton
+              
+              
+                
+                   
+                  
+                    label
+                  
+                  
+                    =
+                    
+                      
+                        "
+                        Button
+                        "
+                      
+                    
+                  
+                   
+                
+              
+              
+                />
+              
+            

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.inline Inlines component inside story 1`] = ` +
+
+
+
+

+ Addon Info.Options.inline +

+

+ Inlines component inside story +

+
+
+
+
+ +
+
+
+
+

+ Component should be inlined between description and PropType table +

+
+
+

+ Story Source +

+ 
+          

+            
+              <
+              BaseButton
+            
+            
+              
+                 
+                
+                  label
+                
+                
+                  =
+                  
+                    
+                      "
+                      Button
+                      "
+                    
+                  
+                
+                 
+              
+            
+            
+              />
+            
+          

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.propTables Shows additional component prop tables 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.Options.propTables +

+

+ Shows additional component prop tables +

+
+
+

+ There should be a prop table added for a component not included in the story +

+
+
+

+ Story Source +

+ 
+            

+              
+                <
+                BaseButton
+              
+              
+                
+                   
+                  
+                    label
+                  
+                  
+                    =
+                    
+                      
+                        "
+                        Button
+                        "
+                      
+                    
+                  
+                   
+                
+              
+              
+                />
+              
+            

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+

+ " + FlowTypeButton + " Component +

+ + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + + + + { + + false + + } + + +
+ onClick + + + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from prop tables 1`] = ` +
+
+
+ + +
+
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.Options.propTablesExclude +

+

+ Exclude component from prop tables +

+
+
+

+ This can exclude extraneous components from being displayed in prop tables. +

+
+
+

+ Story Source +

+ 
+            

+              

+                
+                  <
+                  div
+                
+                
+                
+                  >
+                
+              

+              

+                
+                  <
+                  BaseButton
+                
+                
+                  
+                     
+                    
+                      label
+                    
+                    
+                      =
+                      
+                        
+                          "
+                          Button
+                          "
+                        
+                      
+                    
+                     
+                  
+                
+                
+                  />
+                
+              

+              

+                
+                  <
+                  FlowTypeButton
+                
+                
+                  
+                     
+                    
+                      label
+                    
+                    
+                      =
+                      
+                        
+                          "
+                          Flow Typed Button
+                          "
+                        
+                      
+                    
+                     
+                  
+                
+                
+                  />
+                
+              

+              

+                
+                  </
+                  div
+                  >
+                
+              

+            

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.source Shows or hides Info Addon source 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.Options.source +

+

+ Shows or hides Info Addon source +

+
+
+

+ The Info Addon source section should be hidden +

+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.Options.styles Change info styles // I think this is broken or I am using it wrong? 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.Options.styles +

+

+ Change info styles // I think this is broken or I am using it wrong? +

+
+ +
+

+ Story Source +

+ 
+            

+              
+                <
+                BaseButton
+              
+              
+                
+                   
+                  
+                    label
+                  
+                  
+                    =
+                    
+                      
+                        "
+                        Button
+                        "
+                      
+                    
+                  
+                   
+                
+              
+              
+                />
+              
+            

+
+
+
+

+ Prop Types +

+
+

+ " + BaseButton + " Component +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + bool + + no + + + { + + false + + } + + +
+ label + + string + + yes + + - + +
+ onClick + + func + + no + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`] = ` +
+
+ +
+ + Show Info + +
+ + × + +
+
+
+

+ Addon Info.React Docgen +

+

+ Comments from Flow declarations +

+
+
+

+ Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table +

+
+
+

+ Story Source +

+ 
+            

+              
+                <
+                FlowTypeButton
+              
+              
+                
+                   
+                  
+                    onClick
+                  
+                  
+                    =
+                    
+                      
+                        {
+                        
+                          clicked()
+                        
+                        }
+                      
+                    
+                  
+                
+                
+                   
+                  
+                    label
+                  
+                  
+                    =
+                    
+                      
+                        "
+                        Flow Typed Button
+                        "
+                      
+                    
+                  
+                   
+                
+              
+              
+                />
+              
+            

+
+
+
+

+ Prop Types +

+
+

+ " + FlowTypeButton + " Component +

+ + + + + + + + + + + + + + + + + + + + +
+ property + + propType + + required + + default + + description +
+ disabled + + + + + { + + false + + } + + +
+ onClick + + + + + { + + onClick() + + } + + +
+
+
+
+
+
+
+`; + +exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations 1`] = `
- AddonInfo.DocgenButton + Addon Info.React Docgen

- DocgenButton + Comments from PropType declarations

- Some Description + Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table

@@ -474,7 +3551,7 @@ exports[`Storyshots AddonInfo.DocgenButton DocgenButton 1`] = `
`; -exports[`Storyshots AddonInfo.FlowTypeButton FlowTypeButton 1`] = ` +exports[`Storyshots Addon Info.React Docgen Comments from component declaration 1`] = `
- Flow Typed Button + Button
- AddonInfo.FlowTypeButton + Addon Info.React Docgen

- FlowTypeButton + Comments from component declaration

- Some Description + Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading

@@ -668,7 +3745,7 @@ exports[`Storyshots AddonInfo.FlowTypeButton FlowTypeButton 1`] = ` } > < - FlowTypeButton + BaseButton @@ -720,7 +3797,7 @@ exports[`Storyshots AddonInfo.FlowTypeButton FlowTypeButton 1`] = ` } > " - Flow Typed Button + Button " @@ -762,7 +3839,7 @@ exports[`Storyshots AddonInfo.FlowTypeButton FlowTypeButton 1`] = ` } > " - FlowTypeButton + BaseButton " Component disabled - + + + + + + + +
- + + bool + + no + { @@ -819,10 +3900,29 @@ exports[`Storyshots AddonInfo.FlowTypeButton FlowTypeButton 1`] = `
- onClick + label + + string + + yes + + - - +
+ onClick + + func + + no + { @@ -860,7 +3960,7 @@ exports[`Storyshots App full app 1`] = ` logo

Welcome to React @@ -2681,9 +5781,9 @@ exports[`Storyshots WithEvents Logger 1`] = ` Object { "color": "rgb(51, 51, 51)", "fontFamily": " - -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\", - \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif - ", + -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", \\"Roboto\\", + \\"Segoe UI\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", sans-serif + ", "padding": 20, } }