divkit/test_data/interactive_snapshot_test_data/div-slider/visibility.json

{
  "description": "TODO: https://nda.ya.ru/t/MMvpmt855oXgre",
  "platforms": [
    "android",
    "ios",
    "web"
  ],
  "div_data": {
    "templates": {
      "div_base": {
        "type": "slider",
        "visibility": "@{visibility}",
        "background": [
          {
            "type": "solid",
            "color": "#0000FF"
          }
        ],
        "width": {
          "type": "fixed",
          "value": 360
        },
        "height": {
          "type": "fixed",
          "value": 250
        }
      },
      "test_container": {
        "type": "container",
        "orientation": "overlap",
        "width": {
          "type": "wrap_content"
        },
        "height": {
          "type": "wrap_content"
        },
        "background": [
          {
            "type": "solid",
            "color": "#FF00FF"
          }
        ],
        "border": {
          "stroke": {
            "color": "#000000"
          }
        }
      }
    },
    "card": {
      "log_id": "tests",
      "variables": [
        {
          "name": "visibility",
          "type": "string",
          "value": "visible"
        },
        {
          "name": "slider_value",
          "type": "integer",
          "value": 0
        }
      ],
      "states": [
        {
          "state_id": 1,
          "div": {
            "type": "test_container",
            "height": {
              "type": "fixed",
              "value": 300
            },
            "items": [
              {
                "type": "div_base",
                "thumb_style": {
                  "type": "shape_drawable",
                  "color": "#ff0000",
                  "stroke": {
                    "color": "#ffffff",
                    "width": 3
                  },
                  "shape": {
                    "type": "rounded_rectangle",
                    "item_height": {
                      "type": "fixed",
                      "value": 32
                    },
                    "item_width": {
                      "type": "fixed",
                      "value": 32
                    },
                    "corner_radius": {
                      "type": "fixed",
                      "value": 100
                    }
                  }
                },
                "track_active_style": {
                  "type": "shape_drawable",
                  "color": "#ff0000",
                  "shape": {
                    "type": "rounded_rectangle",
                    "item_height": {
                      "type": "fixed",
                      "value": 6
                    }
                  }
                },
                "track_inactive_style": {
                  "type": "shape_drawable",
                  "color": "#20000000",
                  "shape": {
                    "type": "rounded_rectangle",
                    "item_height": {
                      "type": "fixed",
                      "value": 6
                    }
                  }
                },
                "thumb_value_variable": "slider_value"
              }
            ]
          }
        }
      ]
    }
  },
  "steps": [
    {
      "expected_screenshot": "step0.png"
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=visibility&value=invisible",
          "log_id": "invisible"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=visibility&value=gone",
          "log_id": "gone"
        }
      ]
    },
    {
      "div_actions": [
        {
          "url": "div-action://set_variable?name=visibility&value=visible",
          "log_id": "restore: visible"
        }
      ],
      "expected_screenshot": "step0.png"
    }
  ]
}