divkit/test_data/regression_test_data/div_background_blur.json

{
  "card": {
    "log_id": "snapshot_test_card",
    "variables": [
      {
        "name": "blur",
        "type": "integer",
        "value": 4
      }
    ],
    "states": [
      {
        "state_id": 0,
        "div": {
          "type": "container",
          "orientation": "vertical",
          "items": [
            {
              "type": "text",
              "text": "It is a dark time for the Rebellion.",
              "font_size": 12,
              "width": {
                "type": "fixed",
                "value": 100
              },
              "font_weight": "bold",
              "text_color": "#ff0000",
              "height": {
                "type": "wrap_content"
              },
              "background": [
                {
                  "type": "image",
                  "image_url": "https://alicekit.s3.yandex.net/images_for_divs/chess.png",
                  "filters": [
                    {
                      "type": "blur",
                      "radius": "@{blur}"
                    }
                  ]
                }
              ]
            },
            {
              "type": "text",
              "text": "Current blur radius: @{blur}"
            },
            {
              "type": "text",
              "text": "Disable blur",
              "height": {
                "type": "fixed",
                "value": 40
              },
              "border": {
                "stroke": {
                  "color": "#BBFF0000",
                  "width": 2
                }
              },
              "actions": [
                {
                  "url": "div-action://set_variable?name=blur&value=0",
                  "log_id": "change blur: value = 0"
                }
              ]
            },
            {
              "type": "text",
              "text": "Enable blur",
              "height": {
                "type": "fixed",
                "value": 40
              },
              "border": {
                "stroke": {
                  "color": "#BBFF0000",
                  "width": 2
                }
              },
              "actions": [
                {
                  "url": "div-action://set_variable?name=blur&value=8",
                  "log_id": "change blur: value = 8"
                }
              ]
            }
          ]
        }
      }
    ]
  }
}