// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`RunDataJson.vue > renders json values properly 1`] = `
<div>
  <div
    class="jsonDisplay"
  >
    <!---->
    <div
      class=""
    >
      
      <div
        class="vjs-tree json-data"
      >
        
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              [
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              {
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="list"
              data-path="[0].list"
              data-target="mappable"
              data-value="{{ $('Set').item.json.list }}"
            >
              "list"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-tree-brackets"
            >
              [
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-value vjs-value-number"
            >
              
              <span
                class="mappable ph-no-capture"
                data-depth="3"
                data-name="list[0]"
                data-path="[0].list[0]"
                data-target="mappable"
                data-value="{{ $('Set').item.json.list[0] }}"
              >
                1
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-value vjs-value-number"
            >
              
              <span
                class="mappable ph-no-capture"
                data-depth="3"
                data-name="list[1]"
                data-path="[0].list[1]"
                data-target="mappable"
                data-value="{{ $('Set').item.json.list[1] }}"
              >
                2
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-value vjs-value-number"
            >
              
              <span
                class="mappable ph-no-capture"
                data-depth="3"
                data-name="list[2]"
                data-path="[0].list[2]"
                data-target="mappable"
                data-value="{{ $('Set').item.json.list[2] }}"
              >
                3
              </span>
              
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              ]
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="record"
              data-path="[0].record"
              data-target="mappable"
              data-value="{{ $('Set').item.json.record }}"
            >
              "record"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-tree-brackets"
            >
              {
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="3"
              data-name="name"
              data-path="[0].record.name"
              data-target="mappable"
              data-value="{{ $('Set').item.json.record.name }}"
            >
              "name"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-string"
            >
              
              <span>
                "Joe"
              </span>
              
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              }
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="myNumber"
              data-path="[0].myNumber"
              data-target="mappable"
              data-value="{{ $('Set').item.json.myNumber }}"
            >
              "myNumber"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-number"
            >
              
              <span>
                123
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="myStringNumber"
              data-path="[0].myStringNumber"
              data-target="mappable"
              data-value="{{ $('Set').item.json.myStringNumber }}"
            >
              "myStringNumber"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-string"
            >
              
              <span>
                "456"
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="myStringText"
              data-path="[0].myStringText"
              data-target="mappable"
              data-value="{{ $('Set').item.json.myStringText }}"
            >
              "myStringText"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-string"
            >
              
              <span>
                "abc"
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="nil"
              data-path="[0].nil"
              data-target="mappable"
              data-value="{{ $('Set').item.json.nil }}"
            >
              "nil"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-null"
            >
              
              <span>
                null
              </span>
              
            </span>
            <span>
              ,
            </span>
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <span
            class="vjs-key"
          >
            
            <span
              class="mappable"
              data-depth="2"
              data-name="d"
              data-path="[0].d"
              data-target="mappable"
              data-value="{{ $('Set').item.json.d }}"
            >
              "d"
            </span>
            
            <span
              class="vjs-colon"
            >
              : 
            </span>
          </span>
          <span>
            <span
              class="vjs-value vjs-value-undefined"
            >
              
              <span />
              
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            <div
              class="vjs-indent-unit has-line"
            />
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              }
            </span>
            <!---->
            <!---->
          </span>
        </div>
        <div
          class="vjs-tree-node"
        >
          <!---->
          <!---->
          <div
            class="vjs-indent"
          >
            
            
            <!---->
          </div>
          <!---->
          <span>
            <span
              class="vjs-tree-brackets"
            >
              ]
            </span>
            <!---->
            <!---->
          </span>
        </div>
        
      </div>
      
      <!--teleport start-->
      <!--teleport end-->
    </div>
  </div>
</div>
`;
