How to test Image carousel

Question

I would like to test an Image carousel using Selenium C#

An example of the type of the type of carousel can be found here: http://bxslider.com/

Maybe the test could click on the next image, assert that there is an image and then perhaps in the last image attempt to click on a link to lead us to a new page

Below is what I attempted so far but I have no idea to check an image is present and to click on the link on the last image

IList<IWebElement> Parent = Driver.Instance.FindElements(By.XPath("//*[@class='pagination']/li"));
        int ListCount = Parent.Count;

        for (int i = 0; i < ListCount; i++)
        {
            var wait = new WebDriverWait(Driver.Instance, TimeSpan.FromSeconds(3));


            var arrow = Driver.Instance.FindElement(By.XPath(".//*[@id='cpBanners_ucc1_ctl00_rptSlides_hlProperty_0']"));
            arrow.Click();
        }

Any help would be much appreciated, Thanks

Answer 1

For testing the bxslider, you can use some of the following. Every image is in a LI element, so after each click you can test if the next LI has become visible (and the previous one invisible). This will get you the list (try using other locators than XPath when possible).

elements = driver.findElements(By.CssSelector("ul[class=\"bxslider\"] li"));

You might go about it like this: wait until the next image is shown. Either use the ExpectedCondition, see the original post in https://stackoverflow.com/questions/22646031/selenium-wait-until-element-is-not-visible or wait until the next image is visible:

wait.Until(drv => elements[1].Displayed);

And then check if the previous one is no longer displayed.

Alternatively, if you are aware of the sourcefiles' names, you can use those. As you know the number of elements (.Count property) you can easily test if the first image returns after you skip the last one.