code: def test_slsl010_range_loading_state(dash_dcc):
      lock = Lock()
  
      app = Dash(__name__)
      app.layout = html.Div(
          [
              html.Button(id="test-btn"),
              html.Label(
                  id="test-div", children=["Horizontal Range Slider"]
              ),
              dcc.RangeSlider(
                  id="horizontal-range-slider",
                  min=0,
                  max=9,
                  marks={
                      i: f"Label {i}" if i == 1 else str(i)
                      for i in range(1, 6)
                  },
                  value=[4, 6],
              ),
          ]
      )
  
      @app.callback(
          Output("horizontal-range-slider", "value"),
          [Input("test-btn", "n_clicks")],
      )
      def delayed_value(children):
          with lock:
              return [4, 6]
  
      with lock:
          dash_dcc.start_server(app)
          dash_dcc.wait_for_element(
              '#horizontal-range-slider[data-dash-is-loading="true"]'
          )
  
      dash_dcc.wait_for_element(
          '#horizontal-range-slider:not([data-dash-is-loading="true"])'
      )
  
      with lock:
          dash_dcc.wait_for_element("#test-btn").click()
          dash_dcc.wait_for_element(
              '#horizontal-range-slider[data-dash-is-loading="true"]'
          )
  
      dash_dcc.wait_for_element(
          '#horizontal-range-slider:not([data-dash-is-loading="true"])'
      )
      assert dash_dcc.get_logs() == []
  
file_path: dash/components/dash-core-components/tests/integration/sliders/test_sliders.py
imports: from multiprocessing import Lock
  from dash import Dash, Input, Output, dcc, html
label_desc: Use image node_id 10 for calling a global function with example usage: test_slsl010_range_loading_state(dash_dcc) and returns: list