Test cafe - Page Object - Consume Modules

Question

I've been working mainly with selenium (java) and espresso as automation tools. I'm pretty new to test cafe and liking it so far. I came across this specific situation and was wondering what would be the best way to solve it using javascript or test cafe.

I am using Page Object design on my suite. In addition, I would like those pages to be able to consume many modules that can also be consumed from many other pages.

As an example, let's say I have a Home page that has a Header and Footer modules and I also have a listing page that has a Header, a Footer, and a carousel that shows items (This carrousel also appears on other pages). I was thinking of creating something like a generic page but not sure if it was the best solution. Any thoughts?

Answer 1

For generic items, create Page object class separately. For example in your case create page object for header/ footer, carousel area and place them in the generic package for better classification.

Invoke them where ever required (i.e. invoke header/ footer in homepage as well as in listing page).