Tree Mockup/Pattern: Does nothing when used user-side in Plone 5.2.1

[iahmad-ksh]

For most patterns in mockup, the example code can be entered through either TinyMCE's "View Source" tool (with filtering disabled on the Plone site) or by disabling WYSIWYG editing and entering the provided sample code in the raw edit blank, with the expected results.

The tree pattern code examples:

<div class="pat-tree" data-pat-tree='data:[
  { "label": "node1",
    "children": [
      { "label": "child1" },
      { "label": "child2" }
    ]
  },
  { "label": "node2",
    "children": [
      { "label": "child3" }
    ]
  }
];'> </div>

And:

<div class="pat-tree" data-pat-tree="dataUrl:fileTree.json; autoOpen:true"></div>

With this JSON file at the indicated URL:

[
    {
        "label": "node1",
        "children": [
            {
                "label": "child1"
            },
            {
                "label": "child2"
            }
        ]
    },
    {
        "label": "node2",
        "children": [
            {
                "label": "child3"
            }
        ]
    }
]

Do not do anything at all. (The resulting Plone page is blank.)

I'm not confident enough with this topic (I only started reading about patternslib and Mockup yesterday) to know if that's intentional and Tree cannot be used in userland by design, or if this indicates that there's a bug and the pattern is not working.

The plone site on which I'm testing has the following version information:

Plone 5.2.1 (5208) CMF 2.4.2 Zope 4.1.3 Python 3.6.9 (default, Jan 24 2020, 11:58:01) [GCC 4.8.5 20150623 (Red Hat 4.8.5-39)] PIL 6.2.1 (Pillow) WSGI: On Server: waitress 1.4.3