/**
 * @jsx React.DOM
 */

var React = require('React');
var Site = require('Site');
var Prism = require('Prism');
var Marked = require('Marked');
var unindent = require('unindent');

var Container = require('Container');
var HomeSplash = require('HomeSplash');
var GridBlock = require('GridBlock');

var siteConfig = require('../../siteConfig.js');
var gettingStartedContent = require('./docs/getting-started.js').content;
var blog = require('MetadataBlog');

var index = React.createClass({
  render: function() {
    var whyJest = [
      {content: 'Fast interactive mode with `--watch`.'},
      {content: 'Create coverage reports with `--coverage`. No additional setup or libraries needed!'},
      {content: 'Automatically find tests related to changed files to execute in your project with `-o`.'},
      {content: 'Error messages are helpful and color coded. Stack traces point to the source of problems quickly.'},
      {content: 'Jest runs previously failed tests first. Together with `--bail` it provides useful signal quickly.'},
      {content: 'Sandboxed test files and automatic global state resets for every test.'},
      {content: 'Integrated support for testing with [promises and async/await](/jest/docs/tutorial-async.html)'},
      {content: 'Run your tests within a fake DOM implementation (via [jsdom](https://github.com/tmpvar/jsdom)) on the command line.'},
      {content: 'Run tests in parallel processes to minimize test runtime.'},
      {content: 'Jest Work with any compile-to-JS language and integrates seamlessly with [Babel](https://babeljs.io).'},
      {content: 'Integrated [manual mocking library](/jest/docs/mock-functions.html).'},
      {content: 'Can run [asynchronous code synchronously](/jest/docs/timer-mocks.html).'},
    ];

    return (
      <Site>
        <HomeSplash mostRecentPost={blog.files[0]} />
        <div className="mainContainer">
          <Container background="light" padding={["bottom","top"]}>
            <GridBlock align="center" contents={siteConfig.features} layout="fourColumn" />
          </Container>
          <Container padding={["bottom","top"]}>
            <h2>Jest's Testing Features</h2>
            <GridBlock className="responsiveList testingFeatures" contents={whyJest} layout="threeColumn" />
          </Container>
          <Container padding={["bottom"]}>
            <h2>
              <a className="anchor" name="getting-started"></a>
              Getting Started
              <a className="hash-link" href="#getting-started"></a>
            </h2>
            <div className="video">
              <iframe src="https://fast.wistia.net/embed/iframe/78j73pyz17"></iframe>
            </div>
            <div className="video-shoutout">
              <a href="https://egghead.io/lessons/javascript-test-javascript-with-jest">Video</a>
              {' '}by{' '}
              <a href="https://twitter.com/kentcdodds">Kent C. Dodds</a>
              {' '}hosted by{' '}
              <a href="https://egghead.io">Egghead</a>.
            </div>
            <Marked>{gettingStartedContent}</Marked>
          </Container>
        </div>
      </Site>
    );
  }
});

module.exports = index;

@@ -1482,12 +1482,13 @@
 est 
-W
+w
 ork
+s
  wit

Fix grammatical error in whyJest[9].content (#1987)