JSFUnit how to test rich:panelBar in combination with a:support

[testvogel]

Hi,

how i can I test an onenter event:

e.g.:

<rich:panelBar id="navigationPanel">

     <rich:panelBarItem id="test2">
            <a:support event="onenter" action="/pages/home.xhtml"/>
        </rich:panelBarItem>

JSFClientSession client = jsfSession.getJSFClientSession();

client.click("navigationPanel:test2") ;

doesnt work.

Does anybody has an idea?

regards,

ole

[testvogel]

Nobody has an idea?

Is it possible to test these RichFaces / Ajax components with JSFUnit?

edit: Why there is no more Ajax4jsfClient?

[ssilvert]

Is "onenter" a real event name?  I don't see it listed here:

http://en.wikipedia.org/wiki/DOM_events

A4J is now part of RichFaces.  We only need one utility class to cover both.

Stan

[testvogel]

I dont't know what you mean with "real" event name.

the onenter event works in my application. I don't remember where I found the onenter event, but onclick didn't worked.

Here is my complete xhtml:

<a:form id="navigationForm" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:s="http://jboss.com/products/seam/taglib"
        xmlns:rich="http://richfaces.org/rich"
        xmlns:a="http://richfaces.org/a4j">

    <rich:panelBar id="navigationPanel" width="100%" headerClassActive="current" selectedPanel="#{currentNavigationPanel}">

        <rich:panelBarItem id="test2" styleClass="navigationLink" label="#{messages['home.navigation.overview.label']}" name="home" contentStyle="display:none">
            <a:support event="onenter" action="/pages/home.xhtml"/>
        </rich:panelBarItem>
</rich:panelBar>

edit: I think I have the same problem: http://community.jboss.org/message/71014

[ssilvert]

You could try something like this:

JSFClientSession client = jsfSession.getJSFClientSession();
HtmlElement panel = (HtmlElement)client.getElement("navigationPanel:test2") ;
panel.fireEvent("onenter");

Stan

[testvogel]

Hi,

thanks for your answer but it isn't the solution.

I got the XPath term with Firebug and I'm using this term now hardcoded in my tests and it works.

Here the code:

     HtmlForm form = (HtmlForm) client.getElement("navigationForm");
     HtmlElement naviElement = (HtmlElement) form.getFirstByXPath("/html/body/div[4]/div[3]/form/div/div[2]/div");
     naviElement.click();

If you have any nicer solution please tell me.

regards,

ole

[ssilvert]

The click() does fire your event, so this is just a RichFaces rendering problem.  You need a simpler way to find the correct HtmlElement that responds to the click().  The code you showed is very brittle because it will break if your page changes.  You will need to write a better XPath query.  You will need to look at how RichFaces renders the rich:panelBar.  My best advice is to use FireBug to help construct a more generic query that finds the element you are looking for without resorting to a hard-coded full path.

If you think you have a really good one and you can boil it down to an API call that works with any rich:panelBar, then please consider contributing your code back to the project.  See the RichFacesClient source code for examples of several of these API implementations:

http://anonsvn.jboss.org/repos/jsfunit/trunk/jboss-jsfunit-richfaces/src/main/java/org/jboss/jsfunit/richclient/RichFacesClient.java

Stan

[testvogel]

Hi,

I've implemented a short method with a relative XPath term. Maybe you can add this to the RichFacesClient:

public void clickPanelBarItem(String componentID) throws IOException {
        HtmlPage page = (HtmlPage) jsfClient.getContentPage();
        HtmlElement panelBarItem = (HtmlElement) page.getFirstByXPath("//*[@id=\"" + componentID + "\"]/div");
        panelBarItem.click();
    }

I think it is necessary to get the full page because rich:panelBar isn't always in <form>.

greetz,

ole

[ssilvert]

Great!  Thanks for your contribution.  Can you click through the CLA so I can add your code to the JSFUnit project?

http://www.jboss.org/contributor

I already created a Jira task for it: https://jira.jboss.org/browse/JSFUNIT-262

Stan

[testvogel]

Hi,

I've clicked through the CLA but I've entered the wrong link in the form.

http://community.jboss.org/message/574933 instead of https://jira.jboss.org/browse/JSFUNIT-262

I'm sorry but I hope it's ok.

regards,

ole

[ssilvert]

No problem.  I've approved the CLA.  Thanks again for your contribution.  I'll try to get it integrated into the code base before the end of the week.

Stan

[blabno]

{code}HtmlElement panelBarItem = (HtmlElement) page.getFirstByXPath("//*[@id=\"" + componentID + "\"]/div");{code}

Above will not work after panelBar is re-rendered.

Components that come from ajax request cannot be selected by XPath with tag selectors. Use following instead:

{code}HtmlElement panelBarItem = (HtmlElement) page.getFirstByXPath("//*[@id=\"" + componentID + "\"]/*[@class=\"rich-panelbar-header\"]");{code} 

[ssilvert]

Hi Bernard,

I tried your change and it breaks the testRichPanelBarTest at http://anonsvn.jboss.org/repos/jsfunit/trunk/jboss-jsfunit-examples/jboss-jsfunit-examples-richfaces/src/test/java/org/jboss/jsfunit/test/richfaces/RichPanelBarTest.java

I don't have time to dig into it right now.  Maybe your XPath needs to be refined a bit?

Stan