黄瓜和jstree

Question

我正在构建一个 Rails 应用程序，其中有一个带有 jstree 对象的页面，并使用 Cucumber 进行集成测试。但我很沮丧，因为我正在尝试编写一个黄瓜步骤（使用水豚/硒作为网络驱动程序），该步骤将单击以展开 jstree 的节点之一。我一生都不知道该怎么做！在带有加号/减号的 jstree-icon 对象上执行“单击”不会执行任何操作。有什么想法吗？

更新：这是一个示例树，我可以做得非常简单，它有一棵树。 http://jsfiddle.net/aV62w/ - 现在，我需要模拟点击加号的行为单击 Node B 文件夹，将其展开。

Answer 1

您可以利用 jstree 的方法 与树进行交互 - 为此，您需要在节点上设置 id，以便 jstree 可以引用它们。

jQuery

// toggle_node, or open_node, or close_node
$('#tree').jstree('toggle_node', '#node_b');

小提琴： http://jsfiddle.net/aV62w/1/

Answer 2

html-unit Web 驱动程序（Java 中）附带一个executeScript，可在 Web 步骤中使用。我用 cucumber 为 Grails 项目做了这个（它使用 groovy）。

Then(~"I open jstree folder \"(.*)\"") { String folderName ->
        js = """
           var obj = \$('div.main a:contains("' + arguments[0] +'")').parent();
           var tree = obj.parents('div.jstree-0');
           tree.jstree('toggle_node',obj);
        """
        browser.executeScript(js,folderName)
        Thread.sleep(5000); // wait for ajax call, so next step will have tree loaded
}

请注意，所有 DOM 查找和遍历都是在 JS 中使用 JQuery 完成的，不需要附加 ID - 当然可以改进导航:)
希望有帮助。