Add “Watch Talks” to the Jest website. (jestjs#3473)

jdrew1303 · May 5, 2017 · 6cca1f9 · 6cca1f9
1 parent 3c9400d
commit 6cca1f9
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -98,6 +98,17 @@ You are now set up to use all ES6 features and React specific syntax.
 keep in mind that Jest will automatically define `NODE_ENV` as `test`.
 It will not use `development` section like Babel does by default when no `NODE_ENV` is set.
 
+> Note: `babel-jest` is automatically installed when installing Jest and will automatically transform files if a babel configuration exists in your project. To avoid this behavior, you can explicitly reset the `transform` configuration option:
+
+```json
+// package.json
+{
+  "jest": {
+    "transform": {}
+  }
+}
+```
+
 ### Using webpack
 
 Jest can be used in projects that use [webpack](https://webpack.github.io/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](https://facebook.github.io/jest/docs/webpack.html) to get started.

diff --git a/website/core/JestIndex.js b/website/core/JestIndex.js
@@ -145,10 +145,25 @@ const JestIndex = React.createClass({
           </Container>
 
           <Container padding={['bottom', 'top']}>
+            <a className="anchor" name="watch" />
+            <a className="hash-link" href="#watch" />
             <div className="blockElement imageAlignSide twoByGridBlock">
               <div className="video">
-                <iframe src="https://fast.wistia.net/embed/iframe/78j73pyz17" />
+                <iframe width="560" height="315" src="https://www.youtube.com/embed/HAuXJVI_bUs?rel=0" frameborder="0" allowfullscreen></iframe>
               </div>
+              <div className="blockContent">
+                <h2>{siteConfig[language].belowFold.watch.title}</h2>
+                <div>
+                  <Marked>
+                    {siteConfig[language].belowFold.watch.content}
+                  </Marked>
+                </div>
+              </div>
+            </div>
+          </Container>
+
+          <Container padding={['bottom', 'top']} background="light">
+            <div className="blockElement imageAlignSide twoByGridBlock">
               <div className="blockContent">
                 <h2>{siteConfig[language].belowFold.learn.title}</h2>
                 <div>
@@ -157,6 +172,9 @@ const JestIndex = React.createClass({
                   </Marked>
                 </div>
               </div>
+              <div className="video">
+                <iframe src="https://fast.wistia.net/embed/iframe/78j73pyz17" />
+              </div>
             </div>
           </Container>
 

diff --git a/website/core/home/HomeSplash.js b/website/core/home/HomeSplash.js
@@ -38,6 +38,9 @@ class HomeSplash extends React.Component {
                     >
                       {siteConfig[this.props.language].promo.get}
                     </Button>
+                    <Button href={'#watch'}>
+                      {siteConfig[this.props.language].promo.watch}
+                    </Button>
                     <Button
                       href={
                         '/jest/docs/' +

diff --git a/website/i18n/en.json b/website/i18n/en.json
@@ -30,6 +30,10 @@
       "content": "Jest is used by teams of all sizes to test web application, node.js services, mobile apps, and APIs.",
       "title": "Who's using Jest?"
     },
+    "watch": {
+      "content": "The Jest core team and contributors regularly speak about Jest and painless JavaScript Testing. Check out our talks about [Building High-Quality JavaScript Tools](https://developers.facebook.com/videos/f8-2017/building-high-quality-javascript-tools/) at f8 2017 or our talk about [Snapshot Testing](https://www.youtube.com/watch?time_continue=416&v=HAuXJVI_bUs) at React Conf 2017.",
+      "title": "Watch Talks about Jest"
+    },
     "zeroConfig": {
       "content": "Jest is already configured when you use [`create-react-app`](https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html) or [`react-native init`](http://facebook.github.io/react-native/docs/getting-started.html) to create your React and React Native projects. Place your tests in a `__tests__` folder, or name your test files with a `.spec.js` or `.test.js` extension. Whatever you prefer, Jest will find and run your tests.",
       "title": "Zero configuration"
@@ -97,7 +101,8 @@
   "promo": {
     "get": "Get Started",
     "learn": "Learn More",
-    "try": "Try Out Jest"
+    "try": "Try Out Jest",
+    "watch": "Watch Talks",
   },
   "repo": "facebook/jest",
   "support": {