While you are creating rules in your project, it is important to test them and ensure that they render and behave as you intended.
You can test rules using the preview feature available in Experience Manager. Content appears as you search and navigate through the preview application.
Check the toolbar and verify that you are working in the correct project.
In the Rules section of the navigation tree, right-click the rule that you want to preview.
If the rule that you are previewing appears on more than one page, a selection dialog appears. Select a page that you want to preview.
If the layout of the page is not quite what you expected, note that hotspot mode includes extra padding between some components. Try turning off hotspots by clicking the Hotspot checkbox in the manifest.
Change how the content displays for different users, devices, dates and time in the Preview Controls section of the manifest:
The preview application automatically refreshes, and the Manifest icon in the sidebar displays a dot to indicate that a device has been set. This dot appears whenever you set a user segment, a time, or a device type. If you clear the settings, preview refreshes and the dot disappears.
Repeat the previous steps until you achieve the intended results.