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

exports[`Render should disable access key id field 1`] = `
<Fragment>
  <h3
    className="page-heading"
  >
    CloudWatch Details
  </h3>
  <div
    className="gf-form-group"
  >
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify which AWS credentials chain to use. AWS SDK Default is the recommended option for EKS, ECS, or if you've attached an IAM role to your EC2 instance."
        >
          Authentication Provider
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="keys"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={
            Array [
              Object {
                "label": "AWS SDK Default",
                "value": "default",
              },
              Object {
                "label": "Access & secret key",
                "value": "keys",
              },
              Object {
                "label": "Credentials file",
                "value": "credentials",
              },
            ]
          }
          tabSelectsValue={true}
          value={
            Object {
              "label": "Access & secret key",
              "value": "keys",
            }
          }
        />
      </div>
    </div>
    <div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Access Key ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Secret Access Key
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all"
        >
          Assume Role ARN
        </FormLabel>
        <div
          className="width-30"
        >
          <Input
            className="width-30"
            onChange={[Function]}
            placeholder="arn:aws:iam:*"
            value=""
          />
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
            tooltip="If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
          >
            External ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              placeholder="External ID"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify the region, such as for US West (Oregon) use \` us-west-2 \` as the region."
        >
          Default Region
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="us-east-2"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={Array []}
          tabSelectsValue={true}
        />
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Namespaces of Custom Metrics."
        >
          Custom Metrics
        </FormLabel>
        <Input
          className="width-30"
          onChange={[Function]}
          placeholder="Namespace1,Namespace2"
          value=""
        />
      </div>
    </div>
  </div>
</Fragment>
`;

exports[`Render should render component 1`] = `
<Fragment>
  <h3
    className="page-heading"
  >
    CloudWatch Details
  </h3>
  <div
    className="gf-form-group"
  >
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify which AWS credentials chain to use. AWS SDK Default is the recommended option for EKS, ECS, or if you've attached an IAM role to your EC2 instance."
        >
          Authentication Provider
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="keys"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={
            Array [
              Object {
                "label": "AWS SDK Default",
                "value": "default",
              },
              Object {
                "label": "Access & secret key",
                "value": "keys",
              },
              Object {
                "label": "Credentials file",
                "value": "credentials",
              },
            ]
          }
          tabSelectsValue={true}
          value={
            Object {
              "label": "Access & secret key",
              "value": "keys",
            }
          }
        />
      </div>
    </div>
    <div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Access Key ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Secret Access Key
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all"
        >
          Assume Role ARN
        </FormLabel>
        <div
          className="width-30"
        >
          <Input
            className="width-30"
            onChange={[Function]}
            placeholder="arn:aws:iam:*"
            value=""
          />
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
            tooltip="If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
          >
            External ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              placeholder="External ID"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify the region, such as for US West (Oregon) use \` us-west-2 \` as the region."
        >
          Default Region
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="us-east-2"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={Array []}
          tabSelectsValue={true}
        />
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Namespaces of Custom Metrics."
        >
          Custom Metrics
        </FormLabel>
        <Input
          className="width-30"
          onChange={[Function]}
          placeholder="Namespace1,Namespace2"
          value=""
        />
      </div>
    </div>
  </div>
</Fragment>
`;

exports[`Render should show access key and secret access key fields 1`] = `
<Fragment>
  <h3
    className="page-heading"
  >
    CloudWatch Details
  </h3>
  <div
    className="gf-form-group"
  >
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify which AWS credentials chain to use. AWS SDK Default is the recommended option for EKS, ECS, or if you've attached an IAM role to your EC2 instance."
        >
          Authentication Provider
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="keys"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={
            Array [
              Object {
                "label": "AWS SDK Default",
                "value": "default",
              },
              Object {
                "label": "Access & secret key",
                "value": "keys",
              },
              Object {
                "label": "Credentials file",
                "value": "credentials",
              },
            ]
          }
          tabSelectsValue={true}
          value={
            Object {
              "label": "Access & secret key",
              "value": "keys",
            }
          }
        />
      </div>
    </div>
    <div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Access Key ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Secret Access Key
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all"
        >
          Assume Role ARN
        </FormLabel>
        <div
          className="width-30"
        >
          <Input
            className="width-30"
            onChange={[Function]}
            placeholder="arn:aws:iam:*"
            value=""
          />
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
            tooltip="If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
          >
            External ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              placeholder="External ID"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify the region, such as for US West (Oregon) use \` us-west-2 \` as the region."
        >
          Default Region
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="us-east-2"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={Array []}
          tabSelectsValue={true}
        />
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Namespaces of Custom Metrics."
        >
          Custom Metrics
        </FormLabel>
        <Input
          className="width-30"
          onChange={[Function]}
          placeholder="Namespace1,Namespace2"
          value=""
        />
      </div>
    </div>
  </div>
</Fragment>
`;

exports[`Render should show arn role field 1`] = `
<Fragment>
  <h3
    className="page-heading"
  >
    CloudWatch Details
  </h3>
  <div
    className="gf-form-group"
  >
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify which AWS credentials chain to use. AWS SDK Default is the recommended option for EKS, ECS, or if you've attached an IAM role to your EC2 instance."
        >
          Authentication Provider
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="keys"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={
            Array [
              Object {
                "label": "AWS SDK Default",
                "value": "default",
              },
              Object {
                "label": "Access & secret key",
                "value": "keys",
              },
              Object {
                "label": "Credentials file",
                "value": "credentials",
              },
            ]
          }
          tabSelectsValue={true}
          value={
            Object {
              "label": "Access & secret key",
              "value": "keys",
            }
          }
        />
      </div>
    </div>
    <div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Access Key ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Secret Access Key
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all"
        >
          Assume Role ARN
        </FormLabel>
        <div
          className="width-30"
        >
          <Input
            className="width-30"
            onChange={[Function]}
            placeholder="arn:aws:iam:*"
            value=""
          />
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
            tooltip="If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
          >
            External ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              placeholder="External ID"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify the region, such as for US West (Oregon) use \` us-west-2 \` as the region."
        >
          Default Region
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="us-east-2"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={Array []}
          tabSelectsValue={true}
        />
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Namespaces of Custom Metrics."
        >
          Custom Metrics
        </FormLabel>
        <Input
          className="width-30"
          onChange={[Function]}
          placeholder="Namespace1,Namespace2"
          value=""
        />
      </div>
    </div>
  </div>
</Fragment>
`;

exports[`Render should show credentials profile name field 1`] = `
<Fragment>
  <h3
    className="page-heading"
  >
    CloudWatch Details
  </h3>
  <div
    className="gf-form-group"
  >
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify which AWS credentials chain to use. AWS SDK Default is the recommended option for EKS, ECS, or if you've attached an IAM role to your EC2 instance."
        >
          Authentication Provider
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="keys"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={
            Array [
              Object {
                "label": "AWS SDK Default",
                "value": "default",
              },
              Object {
                "label": "Access & secret key",
                "value": "keys",
              },
              Object {
                "label": "Credentials file",
                "value": "credentials",
              },
            ]
          }
          tabSelectsValue={true}
          value={
            Object {
              "label": "Access & secret key",
              "value": "keys",
            }
          }
        />
      </div>
    </div>
    <div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Access Key ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
          >
            Secret Access Key
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Optionally, specify the ARN of a role to assume. Specifying a role here will ensure that the selected authentication provider is used to assume the specified role rather than using the credentials directly. Leave blank if you don't need to assume a role at all"
        >
          Assume Role ARN
        </FormLabel>
        <div
          className="width-30"
        >
          <Input
            className="width-30"
            onChange={[Function]}
            placeholder="arn:aws:iam:*"
            value=""
          />
        </div>
      </div>
      <div
        className="gf-form-inline"
      >
        <div
          className="gf-form"
        >
          <FormLabel
            className="width-14"
            tooltip="If you are assuming a role in another account, that has been created with an external ID, specify the external ID here."
          >
            External ID
          </FormLabel>
          <div
            className="width-30"
          >
            <Input
              className="width-30"
              onChange={[Function]}
              placeholder="External ID"
              value=""
            />
          </div>
        </div>
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Specify the region, such as for US West (Oregon) use \` us-west-2 \` as the region."
        >
          Default Region
        </FormLabel>
        <Select
          allowCustomValue={false}
          autoFocus={false}
          backspaceRemovesValue={true}
          className="width-30"
          components={
            Object {
              "Group": [Function],
              "IndicatorsContainer": [Function],
              "MenuList": [Function],
              "Option": [Function],
              "SingleValue": [Function],
            }
          }
          defaultValue="us-east-2"
          isClearable={false}
          isDisabled={false}
          isLoading={false}
          isMulti={false}
          isSearchable={true}
          maxMenuHeight={300}
          onChange={[Function]}
          openMenuOnFocus={false}
          options={Array []}
          tabSelectsValue={true}
        />
      </div>
    </div>
    <div
      className="gf-form-inline"
    >
      <div
        className="gf-form"
      >
        <FormLabel
          className="width-14"
          tooltip="Namespaces of Custom Metrics."
        >
          Custom Metrics
        </FormLabel>
        <Input
          className="width-30"
          onChange={[Function]}
          placeholder="Namespace1,Namespace2"
          value=""
        />
      </div>
    </div>
  </div>
</Fragment>
`;
