attributes-transformation.test.js.snap

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

exports[`JavaScript output: transformed source code 1`] = `
"const object = {
  first: \\"one-in-object\\",
  second: \\"two-in-object\\"
};
const array = [\\"arr-one\\", \\"arr-two\\"];
module.exports = (
  <div>
    <div className=\\"one two\\" />
    <div className=\\"one two\\" />
    <div className=\\"100\\" />
    <div className={array} />
    <div className={object} />
    <div className=\\"one two\\" />
    <div className={[\\"one\\", \\"two\\"].join(\\" \\")} />
    <div
      className={{
        first: true
      }}
    />
    <div {...object} after=\\"after\\" />
    <div before=\\"before\\" {...object} />
    <div before=\\"before\\" {...object} after=\\"after\\" />
    <div className=\\"mix one two\\" />
    <div className=\\"mix 100\\" />
    <div className={\`mix \${array}\`} />
    <div className={\`mix \${object}\`} />
    <div className=\\"mix one two\\" />
    <div className={\`mix \${[\\"one\\", \\"two\\"].join(\\" \\")}\`} />
    <div
      className={\`mix \${{
        first: true
      }}\`}
    />
    <div {...object} after=\\"after\\" className=\\"mix\\" />
    <div before=\\"before\\" {...object} className=\\"mix\\" />
    <div before=\\"before\\" {...object} after=\\"after\\" className=\\"mix\\" />
  </div>
);
"
`;

exports[`html output: generated html 1`] = `
<div>
  <div
    className="one two"
  />
  <div
    className="one two"
  />
  <div
    className="100"
  />
  <div
    className={
      Array [
        "arr-one",
        "arr-two",
      ]
    }
  />
  <div
    className={
      Object {
        "first": "one-in-object",
        "second": "two-in-object",
      }
    }
  />
  <div
    className="one two"
  />
  <div
    className="one two"
  />
  <div
    className={
      Object {
        "first": true,
      }
    }
  />
  <div
    after="after"
    first="one-in-object"
    second="two-in-object"
  />
  <div
    before="before"
    first="one-in-object"
    second="two-in-object"
  />
  <div
    after="after"
    before="before"
    first="one-in-object"
    second="two-in-object"
  />
  <div
    className="mix one two"
  />
  <div
    className="mix 100"
  />
  <div
    className="mix arr-one,arr-two"
  />
  <div
    className="mix [object Object]"
  />
  <div
    className="mix one two"
  />
  <div
    className="mix one two"
  />
  <div
    className="mix [object Object]"
  />
  <div
    after="after"
    className="mix"
    first="one-in-object"
    second="two-in-object"
  />
  <div
    before="before"
    className="mix"
    first="one-in-object"
    second="two-in-object"
  />
  <div
    after="after"
    before="before"
    className="mix"
    first="one-in-object"
    second="two-in-object"
  />
</div>
`;

exports[`static html output: static html 1`] = `"<div><div class=\\"one two\\"></div><div class=\\"one two\\"></div><div class=\\"100\\"></div><div class=\\"arr-one,arr-two\\"></div><div class=\\"[object Object]\\"></div><div class=\\"one two\\"></div><div class=\\"one two\\"></div><div class=\\"[object Object]\\"></div><div first=\\"one-in-object\\" second=\\"two-in-object\\" after=\\"after\\"></div><div before=\\"before\\" first=\\"one-in-object\\" second=\\"two-in-object\\"></div><div before=\\"before\\" first=\\"one-in-object\\" second=\\"two-in-object\\" after=\\"after\\"></div><div class=\\"mix one two\\"></div><div class=\\"mix 100\\"></div><div class=\\"mix arr-one,arr-two\\"></div><div class=\\"mix [object Object]\\"></div><div class=\\"mix one two\\"></div><div class=\\"mix one two\\"></div><div class=\\"mix [object Object]\\"></div><div first=\\"one-in-object\\" second=\\"two-in-object\\" after=\\"after\\" class=\\"mix\\"></div><div before=\\"before\\" first=\\"one-in-object\\" second=\\"two-in-object\\" class=\\"mix\\"></div><div before=\\"before\\" first=\\"one-in-object\\" second=\\"two-in-object\\" after=\\"after\\" class=\\"mix\\"></div></div>"`;