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

exports[`OuiI18n default rendering render prop with multiple tokens renders render prop result to the dom 1`] = `
<OuiI18n
  defaults={
    Array [
      "This is the first basic string.",
      "This is the second basic string.",
    ]
  }
  tokens={
    Array [
      "test1",
      "test2",
    ]
  }
>
  <div>
    This is the first basic string.
     
    This is the second basic string.
  </div>
</OuiI18n>
`;

exports[`OuiI18n default rendering render prop with single token calls a function and renders render prop result to the dom 1`] = `
<OuiI18n
  default={
    [MockFunction] {
      "calls": Array [
        Array [
          Object {
            "special": "values",
            "type": "callback",
          },
        ],
      ],
      "results": Array [
        Object {
          "type": "return",
          "value": "This is a callback with values.",
        },
      ],
    }
  }
  token="test"
  values={
    Object {
      "special": "values",
      "type": "callback",
    }
  }
>
  Here's something neat: This is a callback with values.
</OuiI18n>
`;

exports[`OuiI18n default rendering render prop with single token renders render prop result to the dom 1`] = `
<OuiI18n
  default="This is a basic string."
  token="test"
>
  A nifty thing: This is a basic string.
</OuiI18n>
`;

exports[`OuiI18n default rendering render prop with single token renders render prop result with placeholders to the dom 1`] = `
<OuiI18n
  default="This is a {type} with {special}."
  token="test"
  values={
    Object {
      "special": "values",
      "type": "string",
    }
  }
>
  Here's something cool: This is a string with values.
</OuiI18n>
`;

exports[`OuiI18n default rendering rendering to dom calls a function and renders the result to the dom 1`] = `
<OuiI18n
  default={
    [MockFunction] {
      "calls": Array [
        Array [
          Object {
            "special": "values",
            "type": "callback",
          },
        ],
      ],
      "results": Array [
        Object {
          "type": "return",
          "value": "This is a callback with values.",
        },
      ],
    }
  }
  token="test"
  values={
    Object {
      "special": "values",
      "type": "callback",
    }
  }
>
  This is a callback with values.
</OuiI18n>
`;

exports[`OuiI18n default rendering rendering to dom renders a basic string to the dom 1`] = `
<OuiI18n
  default="This is a basic string."
  token="test"
>
  This is a basic string.
</OuiI18n>
`;

exports[`OuiI18n default rendering rendering to dom renders a string with placeholders to the dom 1`] = `
<OuiI18n
  default="This is a {type} with {special}."
  token="test"
  values={
    Object {
      "special": "values",
      "type": "string",
    }
  }
>
  This is a string with values.
</OuiI18n>
`;

exports[`OuiI18n default rendering rendering to dom renders when value is null 1`] = `
<OuiI18n
  default="{arg}"
  token="test"
  values={
    Object {
      "arg": null,
    }
  }
>
  <Component
    arg={null}
  />
</OuiI18n>
`;

exports[`OuiI18n mapped tokens handles multiple tokens 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test1": "first value",
        "test2": "second value",
      },
    }
  }
>
  <Component>
    <p>
      <span>
        first value
      </span>
      <span>
        second value
      </span>
    </p>
  </Component>
</OuiContext>
`;

exports[`OuiI18n mapped tokens handles single token with values 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "myToken": "In reverse order: {second}, then {first}",
      },
    }
  }
>
  <Component>
    <p>
      In reverse order: aardvarks, then apples
    </p>
  </Component>
</OuiContext>
`;

exports[`OuiI18n mapped tokens handles single token without values 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "token": "This is the mapped value.",
      },
    }
  }
>
  <Component>
    <p>
      This is the mapped value.
    </p>
  </Component>
</OuiContext>
`;

exports[`OuiI18n mapped tokens mappingFunc calls the mapping function with the source string 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test1": "This is the mapped value.",
      },
      "mappingFunc": [Function],
    }
  }
>
  <Component>
    <div
      aria-label="PLACEHOLDER"
    >
      PLACEHOLDER
    </div>
  </Component>
</OuiContext>
`;

exports[`OuiI18n reading values from context mappingFunc calls the mapping function with the source string 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test1": "This is the mapped value.",
      },
      "mappingFunc": [Function],
    }
  }
>
  <OuiI18n
    default="This is the basic string."
    token="test1"
  >
    <div
      aria-label="THIS IS THE BASIC STRING."
    >
      THIS IS THE BASIC STRING.
    </div>
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context render prop with multiple tokens renders mapped render prop result to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test1": "This is the first mapped value.",
        "test2": "This is the second mapped value.",
      },
    }
  }
>
  <OuiI18n
    defaults={
      Array [
        "This is the first basic string.",
        "This is the second basic string.",
      ]
    }
    tokens={
      Array [
        "test1",
        "test2",
      ]
    }
  >
    <div>
      This is the first mapped value.
       
      This is the second mapped value.
    </div>
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context render prop with single token calls a mapped function and renders render prop result to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": [MockFunction] {
          "calls": Array [
            Array [
              Object {
                "special": "values",
                "type": "callback",
              },
            ],
          ],
          "results": Array [
            Object {
              "type": "return",
              "value": "This is a callback with values.",
            },
          ],
        },
      },
    }
  }
>
  <OuiI18n
    default={
      [MockFunction] {
        "calls": Array [
          Array [
            Object {
              "special": "values",
              "type": "callback",
            },
          ],
        ],
        "results": Array [
          Object {
            "type": "return",
            "value": "This is a callback with values.",
          },
        ],
      }
    }
    token="test"
    values={
      Object {
        "special": "values",
        "type": "callback",
      }
    }
  >
    Here's something neat: This is a callback with values.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context render prop with single token renders mapped render prop result to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": "An overridden string.",
      },
    }
  }
>
  <OuiI18n
    default="This is a basic string."
    token="test"
  >
    A nifty thing: An overridden string.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context render prop with single token renders mapped render prop result with placeholders to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": "An overridden {type} with {special}.",
      },
    }
  }
>
  <OuiI18n
    default="This is a {type} with {special}."
    token="test"
    values={
      Object {
        "special": "values",
        "type": "string",
      }
    }
  >
    Here's something cool: An overridden string with values.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context rendering to dom calls a mapped function and renders the result to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": [MockFunction] {
          "calls": Array [
            Array [
              Object {
                "special": "values",
                "type": "callback",
              },
            ],
          ],
          "results": Array [
            Object {
              "type": "return",
              "value": "This is a mapped callback with values.",
            },
          ],
        },
      },
    }
  }
>
  <OuiI18n
    default={[Function]}
    token="test"
    values={
      Object {
        "special": "values",
        "type": "callback",
      }
    }
  >
    This is a mapped callback with values.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context rendering to dom renders a mapped basic string to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": "An overridden string.",
      },
    }
  }
>
  <OuiI18n
    default="This is a basic string."
    token="test"
  >
    An overridden string.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n reading values from context rendering to dom renders a mapped string with placeholders to the dom 1`] = `
<OuiContext
  i18n={
    Object {
      "mapping": Object {
        "test": "An overridden {type} with {special}.",
      },
    }
  }
>
  <OuiI18n
    default="This is a {type} with {special}."
    token="test"
    values={
      Object {
        "special": "values",
        "type": "string",
      }
    }
  >
    An overridden string with values.
  </OuiI18n>
</OuiContext>
`;

exports[`OuiI18n useOuiI18n unmapped calls a function and renders the result to the dom 1`] = `
<Component>
  <div>
    <p>
      This is a 
      callback
       with 
      values
      .
    </p>
  </div>
</Component>
`;

exports[`OuiI18n useOuiI18n unmapped handles multiple tokens 1`] = `
<Component>
  <p>
    <span>
      the first placeholder
    </span>
    <span>
      the second placeholder
    </span>
  </p>
</Component>
`;

exports[`OuiI18n useOuiI18n unmapped handles single token with values 1`] = `
<Component>
  <p>
    first apples, then aardvarks
  </p>
</Component>
`;

exports[`OuiI18n useOuiI18n unmapped handles single token without values 1`] = `
<Component>
  <p>
    placeholder
  </p>
</Component>
`;