run prettier

Author: Kent C. Dodds

website/README.md

@@ -72,11 +72,13 @@ title: This Doc Needs To Be Edited
 Edit me...
 ```
 
-For more information about docs, click [here](https://docusaurus.io/docs/en/navigation)
+For more information about docs, click
+[here](https://docusaurus.io/docs/en/navigation)
 
 ## Editing an existing blog post
 
-Edit blog posts by navigating to `website/blog` and editing the corresponding post:
+Edit blog posts by navigating to `website/blog` and editing the corresponding
+post:
 
 `website/blog/post-to-be-edited.md`
 
@@ -89,13 +91,15 @@ title: This Blog Post Needs To Be Edited
 Edit me...
 ```
 
-For more information about blog posts, click [here](https://docusaurus.io/docs/en/adding-blog)
+For more information about blog posts, click
+[here](https://docusaurus.io/docs/en/adding-blog)
 
 # Adding Content
 
 ## Adding a new docs page to an existing sidebar
 
-1. Create the doc as a new markdown file in `/docs`, example `docs/newly-created-doc.md`:
+1. Create the doc as a new markdown file in `/docs`, example
+ `docs/newly-created-doc.md`:
 
 ```md
 ---
@@ -122,7 +126,8 @@ My new content here..
 }
 ```
 
-For more information about adding new docs, click [here](https://docusaurus.io/docs/en/navigation)
+For more information about adding new docs, click
+[here](https://docusaurus.io/docs/en/navigation)
 
 ## Adding a new blog post
 
@@ -138,7 +143,8 @@ headerLinks: [
 ]
 ```
 
-2. Create the blog post with the format `YYYY-MM-DD-My-Blog-Post-Title.md` in `website/blog`:
+2. Create the blog post with the format `YYYY-MM-DD-My-Blog-Post-Title.md` in
+ `website/blog`:
 
 `website/blog/2018-05-21-New-Blog-Post.md`
 
@@ -153,11 +159,13 @@ title: New Blog Post
 Lorem Ipsum...
 ```
 
-For more information about blog posts, click [here](https://docusaurus.io/docs/en/adding-blog)
+For more information about blog posts, click
+[here](https://docusaurus.io/docs/en/adding-blog)
 
 ## Adding items to your site's top navigation bar
 
-1. Add links to docs, custom pages or external links by editing the headerLinks field of `website/siteConfig.js`:
+1. Add links to docs, custom pages or external links by editing the headerLinks
+ field of `website/siteConfig.js`:
 
 `website/siteConfig.js`
 
@@ -177,12 +185,15 @@ For more information about blog posts, click [here](https://docusaurus.io/docs/e
 }
 ```
 
-For more information about the navigation bar, click [here](https://docusaurus.io/docs/en/navigation)
+For more information about the navigation bar, click
+[here](https://docusaurus.io/docs/en/navigation)
 
 ## Adding custom pages
 
-1. Docusaurus uses React components to build pages. The components are saved as .js files in `website/pages/en`:
-1. If you want your page to show up in your navigation header, you will need to update `website/siteConfig.js` to add to the `headerLinks` element:
+1. Docusaurus uses React components to build pages. The components are saved as
+ .js files in `website/pages/en`:
+1. If you want your page to show up in your navigation header, you will need to
+ update `website/siteConfig.js` to add to the `headerLinks` element:
 
 `website/siteConfig.js`
 
@@ -197,7 +208,8 @@ For more information about the navigation bar, click [here](https://docusaurus.i
 }
 ```
 
-For more information about custom pages, click [here](https://docusaurus.io/docs/en/custom-pages).
+For more information about custom pages, click
+[here](https://docusaurus.io/docs/en/custom-pages).
 
 # Full Documentation
 

website/package.json

@@ -21,7 +21,7 @@
  "lint-staged": {
  "linters": {
  "*.js": ["prettier --write", "git add"],
- "../docs/*.md": ["prettier --write --parser=markdown", "git add"],
+ "../docs/**/*.md": ["prettier --write --parser=markdown", "git add"],
  "*.md": ["prettier --write --parser=markdown", "git add"],
  "*.json": ["prettier --write --parser=json", "git add"]
  }

website/pages/en/cypress.js

@@ -5,29 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const React = require("react");
+const React = require('react')
 
-const CompLibrary = require("../../core/CompLibrary.js");
+const CompLibrary = require('../../core/CompLibrary.js')
 
-const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
-const Container = CompLibrary.Container;
-const GridBlock = CompLibrary.GridBlock;
+const MarkdownBlock = CompLibrary.MarkdownBlock /* Used to read markdown */
+const Container = CompLibrary.Container
+const GridBlock = CompLibrary.GridBlock
 
 class HomeSplash extends React.Component {
  render() {
- const { siteConfig, language = "" } = this.props;
- const { baseUrl, docsUrl } = siteConfig;
- const docsPart = `${docsUrl ? `${docsUrl}/` : ""}`;
- const langPart = `${language ? `${language}/` : ""}`;
- const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
+ const { siteConfig, language = '' } = this.props
+ const { baseUrl, docsUrl } = siteConfig
+ const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`
+ const langPart = `${language ? `${language}/` : ''}`
+ const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`
 
  const SplashContainer = props => (
  <div className="homeContainer">
  <div className="homeSplashFade">
  <div className="wrapper homeWrapper">{props.children}</div>
  </div>
  </div>
- );
+ )
 
  const Logo = props => (
  <div className="projectLogo">
@@ -37,77 +37,77 @@ class HomeSplash extends React.Component {
  height={props.height || 128}
  />
  </div>
- );
+ )
 
  const ProjectTitle = () => (
  <div>
  <h2 className="projectTitle">Cypress Testing Library</h2>
  <div className="projectTaglineWrapper">
  <p className="projectTagline">
- dom-testing-library queries for end-to-end testing with{" "}
+ dom-testing-library queries for end-to-end testing with{' '}
  <a href="https://cypress.io">
- <img src={`${baseUrl}img/cypress-403x135.png`} height={"32px"} />
+ <img src={`${baseUrl}img/cypress-403x135.png`} height={'32px'} />
  </a>
  </p>
  </div>
  </div>
- );
+ )
 
  const PromoSection = props => (
  <div className="section promoSection">
  <div className="promoRow">
  <div className="pluginRowBlock">{props.children}</div>
  </div>
  </div>
- );
+ )
 
  const Button = props => (
  <div className="pluginWrapper buttonWrapper">
  <a className="button" href={props.href} target={props.target}>
  {props.children}
  </a>
  </div>
- );
+ )
 
  return (
  <SplashContainer>
  <Logo img_src={`${baseUrl}img/evergreen-128x128.png`} height={128} />
  <div className="inner">
  <ProjectTitle siteConfig={siteConfig} />
  <PromoSection>
- <Button href={docUrl("cypress-testing-library/intro")}>
+ <Button href={docUrl('cypress-testing-library/intro')}>
  Read the Docs
  </Button>
  </PromoSection>
  </div>
  </SplashContainer>
- );
+ )
  }
 }
 
 class Index extends React.Component {
  render() {
- const { config: siteConfig, language = "" } = this.props;
- const { baseUrl } = siteConfig;
+ const { config: siteConfig, language = '' } = this.props
+ const { baseUrl } = siteConfig
 
  const Block = props => (
  <Container
- padding={["bottom", "top"]}
+ padding={['bottom', 'top']}
  id={props.id}
  background={props.background}
  >
  <GridBlock
- align={props.align || "center"}
- imageAlign={props.imageAlign || "center"}
+ align={props.align || 'center'}
+ imageAlign={props.imageAlign || 'center'}
  contents={props.children}
  layout={props.layout}
  />
  </Container>
- );
+ )
 
  const FeatureCallout = () => (
- <Container className="" background={"light"} padding={["top", "bottom"]}>
- <div style={{ textAlign: "center" }}>
+ <Container className="" background={'light'} padding={['top', 'bottom']}>
+ <div style={{ textAlign: 'center' }}>
  <p>
  <i>
  The more your tests resemble the way your software is used, <br />
@@ -119,49 +119,49 @@ class Index extends React.Component {
  </MarkdownBlock>
  </div>
  </Container>
- );
+ )
 
  const TryOut = () => (
  <Block id="try">
  {[
  {
  content: exampleCode,
  image: `${baseUrl}img/hammer-wrench-128x128.png`,
- imageAlign: "left",
- title: "Try it Out"
- }
+ imageAlign: 'left',
+ title: 'Try it Out',
+ },
  ]}
  </Block>
- );
+ )
 
  const Features = () => (
  <React.Fragment>
  <Block layout="twoColumn">
  {[
  {
  content:
- "Tests only break when your app breaks, not implementation details",
+ 'Tests only break when your app breaks, not implementation details',
  image: `${baseUrl}img/wrench-128x128.png`,
- imageAlign: "top",
- title: "Write Maintainable Tests"
+ imageAlign: 'top',
+ title: 'Write Maintainable Tests',
  },
  {
- content: "Interact with your app the same way as your users",
+ content: 'Interact with your app the same way as your users',
  image: `${baseUrl}img/check-128x128.png`,
- imageAlign: "top",
- title: "Develop with Confidence"
+ imageAlign: 'top',
+ title: 'Develop with Confidence',
  },
  {
  content:
- "Built-in selectors use semantic HTML and ARIA roles to help you write inclusive code",
+ 'Built-in selectors use semantic HTML and ARIA roles to help you write inclusive code',
  image: `${baseUrl}img/tada-128x128.png`,
- imageAlign: "top",
- title: "Accessible by Default"
- }
+ imageAlign: 'top',
+ title: 'Accessible by Default',
+ },
  ]}
  </Block>
  </React.Fragment>
- );
+ )
 
  return (
  <div>
@@ -171,8 +171,8 @@ class Index extends React.Component {
  <Features />
  </div>
  </div>
- );
+ )
  }
 }
 
-module.exports = Index;
+module.exports = Index

website/pages/en/help.js

@@ -5,46 +5,46 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const React = require("react");
+const React = require('react')
 
-const CompLibrary = require("../../core/CompLibrary.js");
+const CompLibrary = require('../../core/CompLibrary.js')
 
-const Container = CompLibrary.Container;
-const GridBlock = CompLibrary.GridBlock;
+const Container = CompLibrary.Container
+const GridBlock = CompLibrary.GridBlock
 
 const ExternalLink = props => (
  <a target="_blank" rel="noreferrer noopener" {...props} />
-);
-const Link = props => <a {...props} />;
+)
+const Link = props => <a {...props} />
 
 function Help(props) {
- const { config: siteConfig, language = "" } = props;
- const { baseUrl, docsUrl } = siteConfig;
- const docsPart = `${docsUrl ? `${docsUrl}/` : ""}`;
- const langPart = `${language ? `${language}/` : ""}`;
- const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
+ const { config: siteConfig, language = '' } = props
+ const { baseUrl, docsUrl } = siteConfig
+ const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`
+ const langPart = `${language ? `${language}/` : ''}`
+ const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`
 
  const supportLinks = [
  {
  content: `Ask a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/react-testing-library)`,
- title: "Stack Overflow"
+ title: 'Stack Overflow',
  },
  {
  content:
- "Discuss issues with community members on [Spectrum](https://spectrum.chat/react-testing-library)",
- title: "Spectrum"
+ 'Discuss issues with community members on [Spectrum](https://spectrum.chat/react-testing-library)',
+ title: 'Spectrum',
  },
  {
  content: `Chat on [Discord](https://www.reactiflux.com/)`,
- title: "Discord"
+ title: 'Discord',
  },
  {
  content: `Stay up to date by following the [blog](${
  props.config.baseUrl
  }blog)`,
- title: "Blog"
- }
- ];
+ title: 'Blog',
+ },
+ ]
 
  return (
  <div className="docMainWrapper wrapper">
@@ -73,7 +73,7 @@ function Help(props) {
  </div>
  </Container>
  </div>
- );
+ )
 }
 
-module.exports = Help;
+module.exports = Help