Prettier

readmeio · Jun 29, 2018 · a587ff0 · a587ff0
1 parent 04f1e63
commit a587ff0
Show file tree

Hide file tree

Showing 19 changed files with 170 additions and 87 deletions.
diff --git a/packages/api-explorer/__tests__/GlossaryItem.test.jsx b/packages/api-explorer/__tests__/GlossaryItem.test.jsx
@@ -6,22 +6,12 @@ const { GlossaryItem } = require('../src/GlossaryItem');
 test('should output a glossary item if the term exists', () => {
   const term = 'acme';
   const definition = 'This is a definition';
-  const glossaryItem = shallow(
-    <GlossaryItem
-      term={term}
-      terms={[{ term, definition }]}
-    />,
-  );
+  const glossaryItem = shallow(<GlossaryItem term={term} terms={[{ term, definition }]} />);
 
   expect(glossaryItem.find('.glossary-item.highlight').text()).toBe(term);
   expect(glossaryItem.find('.tooltip-content-body').text()).toBe(`- ${term} - ${definition}`);
 });
 
 test('should output nothing if the term does not exist', () => {
-  expect(shallow(
-    <GlossaryItem
-      term="something"
-      terms={[]}
-    />,
-  ).html()).toBe(null);
+  expect(shallow(<GlossaryItem term="something" terms={[]} />).html()).toBe(null);
 });
diff --git a/packages/api-explorer/__tests__/Variable.test.jsx b/packages/api-explorer/__tests__/Variable.test.jsx
@@ -17,7 +17,9 @@ describe('single variable', () => {
   });
 
   test('should render default if value not set', () => {
-    const variable = shallow(<Variable {...props} user={{}} defaults={[ { name: 'apiKey', default: 'default' }]} />);
+    const variable = shallow(
+      <Variable {...props} user={{}} defaults={[{ name: 'apiKey', default: 'default' }]} />,
+    );
 
     expect(variable.text()).toBe('default');
   });
@@ -29,7 +31,9 @@ describe('single variable', () => {
   });
 
   test('should render auth dropdown if default and oauth enabled', () => {
-    const variable = shallow(<Variable {...props} user={{}} defaults={[ { name: 'apiKey', default: 'default' }]} oauth />);
+    const variable = shallow(
+      <Variable {...props} user={{}} defaults={[{ name: 'apiKey', default: 'default' }]} oauth />,
+    );
     variable.find('.variable-underline').simulate('click');
 
     expect(variable.find('#loginDropdown').length).toBe(1);
@@ -80,14 +84,30 @@ describe('multiple variables', () => {
     const variable = shallow(
       <Variable
         {...props}
-        user={{ keys: [{ name: 'project1', apiKey: '123' }, { name: 'project2', apiKey: '456' }, { name: 'project3'}]}}
+        user={{
+          keys: [
+            { name: 'project1', apiKey: '123' },
+            { name: 'project2', apiKey: '456' },
+            { name: 'project3' },
+          ],
+        }}
         selected="project1"
         changeSelected={changeSelected}
       />,
     );
 
     variable.find('.variable-underline').simulate('click');
-    variable.find('ul li').at(1).simulate('click', { target: { innerText: variable.find('ul li').at(1).text() } });
+    variable
+      .find('ul li')
+      .at(1)
+      .simulate('click', {
+        target: {
+          innerText: variable
+            .find('ul li')
+            .at(1)
+            .text(),
+        },
+      });
   });
 
   test('should render auth dropdown if default and oauth enabled');

diff --git a/packages/api-explorer/__tests__/lib/markdown.test.js b/packages/api-explorer/__tests__/lib/markdown.test.js
@@ -19,64 +19,86 @@ test('should strip out inputs', () => {
 });
 
 test('tables', () => {
-  expect(shallow(markdown(`
+  expect(
+    shallow(
+      markdown(`
 | Tables        | Are           | Cool  |
 | ------------- |:-------------:| -----:|
 | col 3 is      | right-aligned | $1600 |
 | col 2 is      | centered      |   $12 |
 | zebra stripes | are neat      |    $1 |
-  `)).html()).toMatchSnapshot();
+  `),
+    ).html(),
+  ).toMatchSnapshot();
 });
 
 test('headings', () => {
-  expect(shallow(markdown(`
+  expect(
+    shallow(
+      markdown(`
 # h1
 ## h2
 ### h3
 #### h4
 ##### h5
 ###### h6
 # heading with some more CONTENT
-  `)).html()).toMatchSnapshot();
+  `),
+    ).html(),
+  ).toMatchSnapshot();
 });
 
 test('anchors', () => {
-  expect(shallow(markdown(`
+  expect(
+    shallow(
+      markdown(`
 [link](http://example.com)
 [xss](javascript:alert)
 [doc](doc:slug)
 [ref](ref:slug)
 [blog](blog:slug)
 [page](page:slug)
-  `)).html()).toMatchSnapshot();
+  `),
+    ).html(),
+  ).toMatchSnapshot();
 });
 
 test('emojis', () => {
-  expect(shallow(markdown(`
+  expect(
+    shallow(
+      markdown(`
 :joy:
 :fa-lock:
 :unknown-emoji:
-  `)).html()).toMatchSnapshot();
+  `),
+    ).html(),
+  ).toMatchSnapshot();
 });
 
 test('code samples', () => {
-  expect(shallow(markdown(`
+  expect(
+    shallow(
+      markdown(`
 \`\`\`javascript
 var a = 1;
 \`\`\`
 
 \`\`\`
 code-without-language
 \`\`\`
-  `)).html()).toMatchSnapshot();
-})
+  `),
+    ).html(),
+  ).toMatchSnapshot();
+});
 
 test('should render nothing if nothing passed in', () => {
   expect(markdown('')).toBe(null);
 });
 
 test('`correctnewlines` option', () => {
-  expect(shallow(markdown('test\ntest\ntest', { correctnewlines: true })).html()).toBe('<p>test\ntest\ntest</p>');
+  expect(shallow(markdown('test\ntest\ntest', { correctnewlines: true })).html()).toBe(
+    '<p>test\ntest\ntest</p>',
+  );
   expect(shallow(markdown('test\ntest\ntest', { correctnewlines: false })).html()).toBe(
     '<p>test<br/>\ntest<br/>\ntest</p>',
   );

diff --git a/packages/api-explorer/__tests__/lib/markdown/gemoji-parser.test.js b/packages/api-explorer/__tests__/lib/markdown/gemoji-parser.test.js
@@ -31,7 +31,12 @@ it('should output an image node for a known emoji', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
 
 it('should output an <i> for a font awesome icon', () => {
@@ -59,7 +64,12 @@ it('should output an <i> for a font awesome icon', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
 
 it('should output nothing for unknown emojis', () => {
@@ -70,12 +80,15 @@ it('should output nothing for unknown emojis', () => {
     children: [
       {
         type: 'paragraph',
-        children: [
-          { type: 'text', value: markdown },
-        ],
+        children: [{ type: 'text', value: markdown }],
       },
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
diff --git a/packages/api-explorer/__tests__/lib/markdown/variable-parser.test.js b/packages/api-explorer/__tests__/lib/markdown/variable-parser.test.js
@@ -25,7 +25,12 @@ it('should output a variable node', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
 
 it('should output a glossary node', () => {
@@ -52,7 +57,12 @@ it('should output a glossary node', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
 
 it('should allow whitespace in glossary names', () => {
@@ -79,7 +89,12 @@ it('should allow whitespace in glossary names', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
 
 it('should allow escape variables to remain', () => {
@@ -98,5 +113,10 @@ it('should allow escape variables to remain', () => {
     ],
   };
 
-  expect(remark().use(parser).data('settings', { position: false }).parse(markdown)).toEqual(ast);
+  expect(
+    remark()
+      .use(parser)
+      .data('settings', { position: false })
+      .parse(markdown),
+  ).toEqual(ast);
 });
diff --git a/packages/api-explorer/src/GlossaryItem.jsx b/packages/api-explorer/src/GlossaryItem.jsx
@@ -23,15 +23,17 @@ function GlossaryItem({ term, terms }) {
 
 GlossaryItem.propTypes = {
   term: PropTypes.string.isRequired,
-  terms: PropTypes.arrayOf(PropTypes.shape({
-    term: PropTypes.string.isRequired,
-    definition: PropTypes.string.isRequired
-  })).isRequired,
+  terms: PropTypes.arrayOf(
+    PropTypes.shape({
+      term: PropTypes.string.isRequired,
+      definition: PropTypes.string.isRequired,
+    }),
+  ).isRequired,
 };
 
-module.exports = (props) => (
+module.exports = props => (
   <GlossaryTermsContext.Consumer>
-    {(terms) => <GlossaryItem {...props} terms={terms} />}
+    {terms => <GlossaryItem {...props} terms={terms} />}
   </GlossaryTermsContext.Consumer>
 );
 

diff --git a/packages/api-explorer/src/Variable.jsx b/packages/api-explorer/src/Variable.jsx
@@ -78,7 +78,7 @@ class Variable extends React.Component {
               // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
               <li
                 className={classNames({ active: this.props.selected === key.name })}
-                onClick={(event) => this.props.changeSelected(event.target.innerText)}
+                onClick={event => this.props.changeSelected(event.target.innerText)}
                 key={key.name}
               >
                 {key.name}
@@ -138,14 +138,21 @@ Variable.defaultProps = {
   oauth: false,
 };
 
-module.exports = (props) => (
+module.exports = props => (
   <VariablesContext.Consumer>
     {({ user, defaults }) => (
       <OauthContext.Consumer>
-        {(oauth) => (
+        {oauth => (
           <SelectedAppContext.Consumer>
-            {({selected, changeSelected}) => (
-              <Variable {...props} user={user} defaults={defaults} oauth={oauth} selected={selected} changeSelected={changeSelected} />
+            {({ selected, changeSelected }) => (
+              <Variable
+                {...props}
+                user={user}
+                defaults={defaults}
+                oauth={oauth}
+                selected={selected}
+                changeSelected={changeSelected}
+              />
             )}
           </SelectedAppContext.Consumer>
         )}

diff --git a/packages/api-explorer/src/block-types/CallOut.jsx b/packages/api-explorer/src/block-types/CallOut.jsx
@@ -37,9 +37,7 @@ const CallOut = ({ block, flags }) => {
         </span>
       )}
       {block.data &&
-      block.data.body && (
-        <div className="callout-body">{markdown(block.data.body, flags)}</div>
-      )}
+      block.data.body && <div className="callout-body">{markdown(block.data.body, flags)}</div>}
     </div>
   );
 };

diff --git a/packages/api-explorer/src/block-types/Image.jsx b/packages/api-explorer/src/block-types/Image.jsx
@@ -22,9 +22,7 @@ const ImageBlock = ({ block, flags }) => {
                 <img src={image.image[0]} alt={image.caption} />
               </a>
             </figure>
-            {image.caption && (
-              <figcaption>{markdown(image.caption, flags)}</figcaption>
-            )}
+            {image.caption && <figcaption>{markdown(image.caption, flags)}</figcaption>}
           </div>
         )}
       </div>

diff --git a/packages/api-explorer/src/block-types/Parameters.jsx b/packages/api-explorer/src/block-types/Parameters.jsx
@@ -23,10 +23,9 @@ const Parameters = ({ block, flags }) => {
 
     for (let c = 0; c < columns; c += 1) {
       tdCells.push(
-        <div
-          className="td"
-          key={c}
-        >{markdown(block.data.data[`${r}-${c}`] || '', flags)}</div>,
+        <div className="td" key={c}>
+          {markdown(block.data.data[`${r}-${c}`] || '', flags)}
+        </div>,
       );
     }
     return tdCells;

diff --git a/packages/api-explorer/src/form-components/DescriptionField.jsx b/packages/api-explorer/src/form-components/DescriptionField.jsx
@@ -12,7 +12,7 @@ function DescriptionField(props) {
   }
   return (
     <div id={id} className="field-description">
-      {typeof description === 'string'? markdown(description) : description}
+      {typeof description === 'string' ? markdown(description) : description}
     </div>
   );
 }