divkit/test_data/interactive_snapshot_test_data/div-select/switching_options.json

{
  "description": "DivSelect switching options",
  "platforms": [
    "android",
    "ios",
    "web"
  ],
  "div_data": {
    "card": {
      "log_id": "select",
      "variables": [
        {
          "name": "value_variable",
          "type": "string",
          "value": ""
        }
      ],
      "states": [
        {
          "state_id": 0,
          "div": {
            "type": "container",
            "width": {
              "type": "match_parent"
            },
            "height": {
              "type": "wrap_content"
            },
            "items": [
              {
                "type": "select",
                "width": {
                  "type": "match_parent"
                },
                "height": {
                  "type": "wrap_content"
                },
                "margins": {
                  "left": 16,
                  "top": 20,
                  "right": 16,
                  "bottom": 16
                },
                "paddings": {
                  "left": 16,
                  "top": 10,
                  "right": 16,
                  "bottom": 10
                },
                "alpha": 1.0,
                "alignment_horizontal": "center",
                "alignment_vertical": "center",
                "background": [
                  {
                    "type": "solid",
                    "color": "#0e000000"
                  }
                ],
                "border": {
                  "corner_radius": 8
                },
                "font_size": 16,
                "font_weight": "medium",
                "text_color": "#000000",
                "value_variable": "value_variable",
                "hint_text": "Select country",
                "hint_color": "#888888",
                "line_height": 22,
                "options": [
                  {
                    "value": "show_hint",
                    "text": ""
                  },
                  {
                    "value": "ru",
                    "text": "Russia"
                  },
                  {
                    "value": "uk",
                    "text": "United Kingdom"
                  },
                  {
                    "value": "kz"
                  }
                ]
              },
              {
                "type": "text",
                "width": {
                  "type": "match_parent"
                },
                "height": {
                  "type": "wrap_content"
                },
                "paddings": {
                  "left": 18,
                  "right": 16,
                  "bottom": 16
                },
                "font_size": 16,
                "text_color": "#000000",
                "text": "Text: @{value_variable}"
              }
            ]
          }
        }
      ]
    }
  },
  "steps": [
    {
      "expected_screenshot": "step0.png"
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=value_variable&value=uk",
          "log_id": "value_variable"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=value_variable&value=show_hint",
          "log_id": "value_variable"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=value_variable&value=ru",
          "log_id": "value_variable"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=value_variable&value=kz",
          "log_id": "value_variable"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=value_variable&value=",
          "log_id": "restore: value_variable"
        }
      ]
    }
  ]
}