Responsive Testing for AEM Components



Hello Gurus / AEM Experts.

I have a situation here and need your advise as to will it add value in performing responsive testing for AEM components.

Currently Our AEM application dev team uses AEM 6.2 for there component development. What I understand from them is they are using Bootstrap and developing the custom components. It could be a Tile , Button , Image , Hero component.

I belong to the testing team and do you see is it necessary to test the responsive design of the components ( using tools like Galen Galen Framework | Automated testing of responsive design )

My understanding is that the out-of- box components created in AEM are already comply to responsive design.  Will that imply to the custom components.

Looking for your valuable inputs based upon which We could devise the next steps.






Hi Manish

Do you intend the responsive testing of the components you build in authoring context, or as an end consumer of the web page.

The only use case I can think off at the top of my head for the former, would be if you were testing how the AEM authoring environment appears in different devices which is a very very limited use case compared to the latter ( as authoring is typically not done through mobile devices per se  )

For the latter, the responsiveness of your site will depend on the final HTML and UI output by your components and you would need to test this final markup.  

For custom components created from scratch, the development team ( UI devs and to a degree , AEM Devs ), are responsible for the final markup as they create the spec.  AEM simply allows any HTML5 based content to be rendered but has no control on the markup you produce as such

For custom components based on existing OOB components, the markup injected will be based on what's there in the OOB Component. This may or may not be suitable for your UI Design standards.

Essentially: What ends up on the markup on the final rendered page, depends on your developers .

You could use any framework to test the responsive design of the rendered content