divkit/test_data/interactive_snapshot_test_data/div-input/text-properties.json

{
  "description": "Input with different font properties and with hint",
  "platforms": [
    "android",
    "ios",
    "web"
  ],
  "div_data": {
    "card": {
      "log_id": "tests",
      "variables": [
        {
          "name": "input_value",
          "type": "string",
          "value": "initial_text"
        },
        {
          "name": "font_size",
          "type": "integer",
          "value": 20
        },
        {
          "name": "font_size_unit",
          "type": "string",
          "value": "sp"
        },
        {
          "name": "font_family",
          "type": "string",
          "value": "text"
        },
        {
          "name": "font_weight",
          "type": "string",
          "value": "medium"
        },
        {
          "name": "text_color",
          "type": "color",
          "value": "#444444"
        },
        {
          "name": "letter_spacing",
          "type": "number",
          "value": 0
        },
        {
          "name": "hint_text",
          "type": "string",
          "value": "initial_hint"
        },
        {
          "name": "hint_color",
          "type": "color",
          "value": "#AAAAAA"
        },
        {
          "name": "font_variations",
          "type": "dict",
          "value": {}
        }
      ],
      "states": [
        {
          "state_id": 0,
          "div": {
            "type": "input",
            "width": {
              "type": "match_parent"
            },
            "height": {
              "type": "wrap_content"
            },
            "paddings": {
              "left": 16,
              "top": 16,
              "right": 16,
              "bottom": 16
            },
            "margins": {
              "left": 16,
              "top": 16,
              "right": 16,
              "bottom": 16
            },
            "alignment_horizontal": "center",
            "alignment_vertical": "center",
            "border": {
              "corner_radius": 8,
              "stroke": {
                "color": "#0000FF"
              }
            },
            "text_variable": "input_value",
            "font_size": "@{font_size}",
            "font_size_unit": "@{font_size_unit}",
            "font_family": "@{font_family}",
            "font_weight": "@{font_weight}",
            "font_variation_settings": "@{font_variations}",
            "text_color": "@{text_color}",
            "letter_spacing": "@{letter_spacing}",
            "hint_text": "@{hint_text}",
            "hint_color": "@{hint_color}"
          }
        }
      ]
    }
  },
  "steps": [
    {
      "expected_screenshot": "step0.png"
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=1-font_size",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=font_size&value=24",
          "log_id": "font_size"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=2-font_size_unit_px",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=font_size_unit&value=px",
          "log_id": "font_size_unit"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=3-font_size_unit_dp",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=font_size_unit&value=dp",
          "log_id": "font_size_unit"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=4-font_weight",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=font_weight&value=bold",
          "log_id": "font_weight"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=5-font_family",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=font_family&value=display",
          "log_id": "font_family"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=6-text_color_n_letter_spacing",
          "log_id": "changing_text"
        },
        {
          "url": "div-action://set_variable?name=text_color&value=%230000FF",
          "log_id": "text_color"
        },
        {
          "url": "div-action://set_variable?name=letter_spacing&value=1.5",
          "log_id": "letter_spacing"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=7-multi_line_text%0Aline_2%0Aline_3%0Aline_4",
          "log_id": "changing_text"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=8-font_variations",
          "log_id": "changing_text"
        },
        {
          "log_id": "font_variations",
          "typed": {
            "type": "set_variable",
            "variable_name": "font_variations",
            "value": {
              "type": "dict",
              "value": {
                "slnt": -7
              }
            }
          }
        },
        {
          "url": "div-action://set_variable?name=font_family&value=roboto_flex",
          "log_id": "font_family"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=",
          "log_id": "clear_text"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=hint_text&value=10-hint_text_n_color",
          "log_id": "hint_text"
        },
        {
          "url": "div-action://set_variable?name=hint_color&value=%23AAAAFF",
          "log_id": "hint_color"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=input_value&value=initial_text",
          "log_id": "restore: text"
        },
        {
          "url": "div-action://set_variable?name=font_size&value=20",
          "log_id": "restore: font_size"
        },
        {
          "url": "div-action://set_variable?name=font_size_unit&value=sp",
          "log_id": "restore: font_size_unit"
        },
        {
          "url": "div-action://set_variable?name=font_weight&value=medium",
          "log_id": "restore: font_weight"
        },
        {
          "url": "div-action://set_variable?name=font_family&value=text",
          "log_id": "restore: font_family"
        },
        {
          "log_id": "restore: font_variations",
          "typed": {
            "type": "set_variable",
            "variable_name": "font_variations",
            "value": {
              "type": "dict",
              "value": {}
            }
          }
        },
        {
          "url": "div-action://set_variable?name=text_color&value=%23444444",
          "log_id": "restore: text_color"
        },
        {
          "url": "div-action://set_variable?name=letter_spacing&value=0",
          "log_id": "restore: letter_spacing"
        },
        {
          "url": "div-action://set_variable?name=hint_text&value=initial_hint",
          "log_id": "restore: hint_text"
        },
        {
          "url": "div-action://set_variable?name=hint_color&value=%23AAAAAA",
          "log_id": "restore: hint_color"
        }
      ],
      "expected_screenshot": "step0.png"
    }
  ]
}