jsx-test.tsx.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Test declarative (jsx) fbt syntax translation Enable explicit whitespace 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "squelched", text: "{one} {two} {three}" } },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("one", one), fbt._param("two", two), fbt._param("three", three)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation Squelch whitespace when in an expression 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "squelched",
        text: "Squelched white space... with some other stuff.",
      },
    },
    project: "",
  } /* __FBT__ end */
);
baz();

`;

exports[`Test declarative (jsx) fbt syntax translation fbt:param with multiple empty expression containers should be ok 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "some-desc", text: "{foo}" } },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("foo", foo)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should be able to house arbitrary markup within fbt:param nodes 1`] = `
import { fbt } from "fbtee";
<div>
  {fbt._(
    /* __FBT__ start */ {
      jsfbt: { m: [], t: { desc: "...", text: "{time} by {user name}" } },
      project: "",
    } /* __FBT__ end */,
    [
      fbt._param("time", formatDate(date, "F d, Y")),
      fbt._param(
        "user name",
        <Link
          href={{
            url: user.link,
          }}
        >
          {user.name}
        </Link>
      ),
    ]
  )}
</div>;

`;

exports[`Test declarative (jsx) fbt syntax translation should be able to nest within React nodes 1`] = `
import { fbt } from "fbtee";
var x = (
  <div>
    {fbt._(
      /* __FBT__ start */ {
        jsfbt: { m: [], t: { desc: "nested!", text: "A nested string" } },
        project: "",
      } /* __FBT__ end */
    )}
  </div>
);

`;

exports[`Test declarative (jsx) fbt syntax translation should convert simple strings 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "It's simple", text: "A simple string" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should correctly destruct expression values in options 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [{ token: "count", type: 2 }],
      t: { "*": { desc: "d", text: "str {count}" } },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("count", getNum(), [0, someNum])]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should filter comment and empty expressions from children 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "It's simple", text: "A simple string" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle common string 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: { desc: 'The description for the common string "Done"', text: "Done" },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle concatenated descriptions 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "A very long description that we will concatenate a few times",
        text: "Here it is",
      },
    },
    project: "Withaproject",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle empty string 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "a message!",
        text: "A parameterized message to: {emptyString}",
      },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("emptyString", " ")]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle enums (with array values) 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null],
      t: {
        groups: { desc: "enums!", text: "Click to see groups" },
        photos: { desc: "enums!", text: "Click to see photos" },
        videos: { desc: "enums!", text: "Click to see videos" },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [
    fbt._enum(id, {
      groups: "groups",
      photos: "photos",
      videos: "videos",
    }),
  ]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle enums (with object values) 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null],
      t: {
        id1: { desc: "enums!", text: "Click to see groups" },
        id2: { desc: "enums!", text: "Click to see photos" },
        id3: { desc: "enums!", text: "Click to see videos" },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [
    fbt._enum(id, {
      id1: "groups",
      id2: "photos",
      id3: "videos",
    }),
  ]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle enums with more text 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null],
      t: {
        id1: { desc: "enums!", text: "Click to see groups Hey-hey!" },
        id2: { desc: "enums!", text: "Click to see photos Hey-hey!" },
        id3: { desc: "enums!", text: "Click to see videos Hey-hey!" },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [
    fbt._enum(id, {
      id1: "groups",
      id2: "photos",
      id3: "videos",
    }),
  ]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle fbt common attribute without value 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: { desc: 'The description for the common string "Okay"', text: "Okay" },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle number={true} - (same output as above test) 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [{ token: "count", type: 2 }],
      t: { "*": { desc: "variations!", text: "Click to see {count} links" } },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("count", c, [0])]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle object pronoun 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null],
      t: {
        0: { desc: "d", text: "I know this." },
        1: { desc: "d", text: "I know her." },
        2: { desc: "d", text: "I know him." },
        "*": { desc: "d", text: "I know them." },
      },
    },
    project: "p",
  } /* __FBT__ end */,
  [fbt._pronoun(0, gender)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle params 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "a message!",
        text: "A parameterized message to: {personName}",
      },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("personName", theName)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle single expression with concatenated strings 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "foo", text: "foobar" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle subject+reflexive pronouns 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null, null],
      t: {
        1: { 1: { desc: "d", text: "She wished herself a happy birthday." } },
        2: { 2: { desc: "d", text: "He wished himself a happy birthday." } },
        "*": {
          "*": { desc: "d", text: "They wished themselves a happy birthday." },
        },
      },
    },
    project: "p",
  } /* __FBT__ end */,
  [
    fbt._pronoun(3, gender, {
      human: 1,
    }),
    fbt._pronoun(2, gender, {
      human: 1,
    }),
  ]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle template descriptions 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "A very long description that will be a template across multiple lines",
        text: "Here it is",
      },
    },
    project: "Withaproject",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should handle variations 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [{ token: "count", type: 2 }],
      t: { "*": { desc: "variations!", text: "Click to see {count} links" } },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("count", c, [0])]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should ignore __private attributes 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "some-desc", text: "{foo}" } },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("foo", foo)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should ignore non-expression children in fbt:param 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "some-desc", text: "{foo}" } },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("foo", foo)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should insert param value for same-param 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "d", text: "str {foo} and {foo}" } },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("foo", Bar)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should maintain order of params and enums 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null, { token: "bar", type: 2 }],
      t: {
        x: { "*": { desc: "some-desc", text: "Hello, {foo}x{bar}" } },
        y: { "*": { desc: "some-desc", text: "Hello, {foo}y{bar}" } },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [
    fbt._enum(x, {
      x: "x",
      y: "y",
    }),
    fbt._param("bar", bar, [0, n]),
    fbt._param("foo", foo),
  ]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should not insert extra space 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: { desc: "Greating in i18n demo", text: "Hello, {guest}!" },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("guest", guest)]
);

`;

exports[`Test declarative (jsx) fbt syntax translation should strip out more newlines 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "moar lines",
        text: "A simple string... with some other stuff.",
      },
    },
    project: "",
  } /* __FBT__ end */
);
baz();

`;

exports[`Test declarative (jsx) fbt syntax translation should strip out newlines 1`] = `
import { fbt } from "fbtee";
var x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "Test trailing space when not last child",
        text: "Preamble {parm}",
      },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("parm", blah)]
);
baz();

`;

exports[`Test declarative (jsx) fbt syntax translation should support html escapes 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: 'foo "bar"', text: "×" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should support non-breaking space character 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "desc with non-breaking   space",
        text: "text with non-breaking   space",
      },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should support unicode characters 1`] = `
import { fbt } from "fbtee";
// A backslash \\ in comments
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "unicode characters",
        text: "A copyright sign ©, a multi byte character 💩, and a backslash \\\\.",
      },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should treat multiline descs as a single line 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "hi how are you today im doing well i guess how is your mother is she well yeah why not lets go home and never come back.",
        text: "lol",
      },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test declarative (jsx) fbt syntax translation should work with fragments 1`] = `
import { fbt } from "fbtee";
<Fragment>
  {fbt._(
    /* __FBT__ start */ {
      jsfbt: { m: [], t: { desc: "...", text: "{time} by {user name}" } },
      project: "",
    } /* __FBT__ end */,
    [
      fbt._param("time", formatDate(date, "F d, Y")),
      fbt._param(
        "user name",
        <Link
          href={{
            url: user.link,
          }}
        >
          {user.name}
        </Link>
      ),
    ]
  )}
</Fragment>;

`;

exports[`Test declarative (jsx) fbt syntax translation should work with implicit fragments 1`] = `
import { fbt } from "fbtee";
<>
  {fbt._(
    /* __FBT__ start */ {
      jsfbt: { m: [], t: { desc: "...", text: "{time} by {user name}" } },
      project: "",
    } /* __FBT__ end */,
    [
      fbt._param("time", formatDate(date, "F d, Y")),
      fbt._param(
        "user name",
        <Link
          href={{
            url: user.link,
          }}
        >
          {user.name}
        </Link>
      ),
    ]
  )}
</>;

`;

exports[`Test fbt transforms without the jsx transform [legacy buggy behavior] <fbt:pronoun> should insert a space character between two fbt constructs that don't neighbor raw text 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null, null],
      t: {
        "*": { "*": { desc: "", text: "You can add thesetags to anything." } },
        _1: { _1: { desc: "", text: "You can add this tag to anything." } },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._plural(count), fbt._plural(count)]
);

`;

exports[`Test fbt transforms without the jsx transform nested in div 1`] = `
import { fbt } from "fbtee";
let x = (
  <div>
    {fbt._(
      /* __FBT__ start */ {
        jsfbt: { m: [], t: { desc: "nested!", text: "A nested string" } },
        project: "",
      } /* __FBT__ end */
    )}
  </div>
);

`;

exports[`Test fbt transforms without the jsx transform not nested 1`] = `
import { fbt } from "fbtee";
let x = fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "nested!", text: "A nested string" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test fbt transforms without the jsx transform short bool syntax for doNotExtract attribute 1`] = `
import { fbt } from "fbtee";
let x = fbt._(
  /* __FBT__ start */ {
    jsfbt: { m: [], t: { desc: "", text: "Test" } },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test fbt transforms without the jsx transform short bool syntax for number attribute 1`] = `
import { fbt } from "fbtee";
let x = fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [{ token: "name", type: 2 }],
      t: { "*": { desc: "", text: "{name}" } },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._param("name", "name", [0])]
);

`;

exports[`Test fbt transforms without the jsx transform should fail to preserve whitespace in text when preserveWhitespace=true (known bug) 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [],
      t: {
        desc: "desc with 3   spaces",
        text: "Some text with 3 spaces in between.",
      },
    },
    project: "",
  } /* __FBT__ end */
);

`;

exports[`Test fbt transforms without the jsx transform when using within template literals should dedupe plurals 1`] = `
import { fbt } from "fbtee";
fbt._(
  /* __FBT__ start */ {
    jsfbt: {
      m: [null, { singular: true, token: "number", type: 2 }],
      t: {
        "*": { "*": { desc: "desc...", text: "There are {number} photos." } },
        _1: { _1: { desc: "desc...", text: "There is 1 photo." } },
      },
    },
    project: "",
  } /* __FBT__ end */,
  [fbt._plural(num), fbt._plural(num, "number", hi())]
);

`;

exports[`Test fbt transforms without the jsx transform when using within template literals should work with a basic <fbt> 1`] = `
import { fbt } from "fbtee";
html\`<div>
  \${fbt._(
    /* __FBT__ start */ {
      jsfbt: { m: [], t: { desc: "some desc", text: "basic text" } },
      project: "some project",
    } /* __FBT__ end */
  )}
</div>\`;

`;

exports[`Test fbt transforms without the jsx transform when using within template literals should work with a nested <fbt> within an <fbt:param> 1`] = `
import { fbt } from "fbtee";
html\`<div>
  \${fbt._(
    /* __FBT__ start */ {
      jsfbt: {
        m: [],
        t: { desc: "some desc", text: "outer text {param text}" },
      },
      project: "some project",
    } /* __FBT__ end */,
    [
      fbt._param(
        "param text",
        html\`<strong>
          \${fbt._(
            /* __FBT__ start */ {
              jsfbt: {
                m: [],
                t: { desc: "inner string", text: "inner text {inner param}" },
              },
              project: "",
            } /* __FBT__ end */,
            [fbt._param("inner param", "bold")]
          )}
        </strong>\`
      ),
    ]
  )}
</div>\`;

`;

exports[`Test fbt transforms without the jsx transform when using within template literals should work with basic <fbt> auto-parameterization 1`] = `
import { fbt } from "fbtee";
html\`<div>
  \${fbt._(
    /* __FBT__ start */ {
      jsfbt: {
        m: [],
        t: {
          desc: "some desc",
          text: "outer text {=bold text}",
          tokenAliases: { "=bold text": "=m1" },
        },
      },
      project: "some project",
    } /* __FBT__ end */,
    [
      fbt._implicitParam(
        "=m1",
        <strong>
          {fbt._(
            /* __FBT__ start */ {
              jsfbt: {
                m: [],
                t: {
                  desc: 'In the phrase: "outer text {=bold text}"',
                  text: "bold text",
                },
              },
              project: "some project",
            } /* __FBT__ end */
          )}
        </strong>
      ),
    ]
  )}
</div>\`;

`;