<commit_before>// Import React
import React from "react";

// Import Spectacle Core tags
import {
  Appear,
  BlockQuote,
  Cite,
  CodePane,
  Deck,
  Fit,
  Heading,
  Image,
  Layout,
  Link,
  ListItem,
  List,
  Markdown,
  Quote,
  Slide,
  Spectacle,
  Text
} from "spectacle";

import CodeSlide from "spectacle-code-slide";
// Import image preloader util
import preloader from "spectacle/lib/utils/preloader";

// Import theme
import createTheme from "spectacle/lib/themes/default";

// Import custom component
import Interactive from "../assets/interactive";

import AsciinemaPlayer from "./asciinema-player.jsx";

// Require CSS
require("normalize.css");
require("spectacle/lib/themes/default/index.css");
require("font-awesome/css/font-awesome.css");

const images = {
  city: require("../assets/city.jpg"),
  kat: require("../assets/kat.png"),
  logo: require("../assets/formidable-logo.svg"),
  markdown: require("../assets/markdown.png")
};

preloader(images);

function TitleElement({ children }) {
  const style = {
    flex: "0 0 auto",
  };
  return (
    <Fit {...{ style }}>
    <Text margin="20px 0px 0px" textSize="2rem">
    {children}
    </Text>
    </Fit>
  );
}

function Icon({ name, ...rest }) {
  return <i className={`fa fa-${name}`} aria-hidden="true" {...rest} ></i>;
}

const slideProps = { maxWidth: "100%", maxHeight: "100%" };
// Should be a proper component to ensure HMR works
export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle>
        <Deck>
          <Slide {...slideProps} >
            <Heading size={1} fit>
              Snapshot tests
            </Heading>
            <Heading size={2} fit>
              with Mocha in Jest
            </Heading>
            <Layout style={{ justifyContent: "space-between" }}>
            <TitleElement><Icon name="user" /> <NAME></TitleElement>
            <TitleElement><Icon name="building" /> Xebia</TitleElement>
            <TitleElement><Icon name="twitter" /> @RubenOostinga</TitleElement>
            <TitleElement><Icon name="github" /> https://github.com/0xR</TitleElement>
            </Layout>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={3} fit>
              About this talk
            </Heading>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={4} fit>
              What is snapshot testing
            </Heading>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={3} fit><commit_msg>Change order title elemens<commit_after>// Import React
import React from "react";

// Import Spectacle Core tags
import {
  Appear,
  BlockQuote,
  Cite,
  CodePane,
  Deck,
  Fit,
  Heading,
  Image,
  Layout,
  Link,
  ListItem,
  List,
  Markdown,
  Quote,
  Slide,
  Spectacle,
  Text
} from "spectacle";

import CodeSlide from "spectacle-code-slide";
// Import image preloader util
import preloader from "spectacle/lib/utils/preloader";

// Import theme
import createTheme from "spectacle/lib/themes/default";

// Import custom component
import Interactive from "../assets/interactive";

import AsciinemaPlayer from "./asciinema-player.jsx";

// Require CSS
require("normalize.css");
require("spectacle/lib/themes/default/index.css");
require("font-awesome/css/font-awesome.css");

const images = {
  city: require("../assets/city.jpg"),
  kat: require("../assets/kat.png"),
  logo: require("../assets/formidable-logo.svg"),
  markdown: require("../assets/markdown.png")
};

preloader(images);

function TitleElement({ children }) {
  const style = {
    flex: "0 0 auto",
  };
  return (
    <Fit {...{ style }}>
    <Text margin="20px 0px 0px" textSize="2rem">
    {children}
    </Text>
    </Fit>
  );
}

function Icon({ name, ...rest }) {
  return <i className={`fa fa-${name}`} aria-hidden="true" {...rest} ></i>;
}

const slideProps = { maxWidth: "100%", maxHeight: "100%" };
// Should be a proper component to ensure HMR works
export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle>
        <Deck>
          <Slide {...slideProps} >
            <Heading size={1} fit>
              Snapshot tests
            </Heading>
            <Heading size={2} fit>
              with Mocha in Jest
            </Heading>
            <Layout style={{ justifyContent: "space-between" }}>
            <TitleElement><Icon name="user" /> <NAME></TitleElement>
            <TitleElement><Icon name="twitter" /> @RubenOostinga</TitleElement>
            <TitleElement><Icon name="github" /> https://github.com/0xR</TitleElement>
            <TitleElement><Icon name="building" /> Xebia</TitleElement>
            </Layout>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={3} fit>
              About this talk
            </Heading>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={4} fit>
              What is snapshot testing
            </Heading>
          </Slide>
          <Slide {...slideProps} >
            <Heading size={3} fit>
{'fraction_non_alphanumeric': 0.1526057030481809, 'fraction_numerical': 0.007472959685349066, 'mean_word_length': 2.3682119205298013, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3703629', 'n_tokens_mistral': 1612, 'n_tokens_neox': 1571, 'n_words': 386}