Похоже, что «красивый тест данных» — это фраза, относящаяся к системе управления контентом Adobe Experience Manager (AEM). В AEM Sightly — это язык шаблонов, используемый для рендеринга веб-страниц. «data-sly-test» – это директива Sightly, позволяющая применять условную логику в шаблонах.

Вот статья в блоге, в которой описаны различные методы использования директивы data-sly-test в AEM, а также примеры кода:

Adobe Experience Manager (AEM) — это надежная система управления контентом, широко используемая для создания веб-сайтов и управления ими. Одной из ключевых особенностей AEM является Sightly, мощный язык шаблонов, который позволяет разработчикам создавать динамические веб-страницы. В этой статье мы углубимся в директиву data-sly-test в Sightly и рассмотрим, как ее можно использовать для реализации условной логики в шаблонах. Мы рассмотрим несколько методов с примерами кода, чтобы продемонстрировать их универсальность и полезность.

Метод 1: основные условные выражения
Директива data-sly-test позволяет нам выполнять простые условные проверки в наших шаблонах. Рассмотрим следующий пример:

<div data-sly-test="${properties.showBanner}">
    <h1>Welcome to our website!</h1>
</div>

В этом фрагменте кода элемент <h1>будет отображаться только в том случае, если свойство showBanner имеет значение true. В противном случае весь блок <div>будет пропущен.

Метод 2: отрицание условий
Иногда нам может потребоваться проверить, является ли условие ложным. Sightly позволяет нам добиться этого с помощью оператора отрицания. Вот пример:

<div data-sly-test="${!properties.hideSection}">
    <h2>About Us</h2>
    <p>Learn more about our company and our mission.</p>
</div>

В этом случае блок <div>будет отображаться, если свойство «hideSection» не имеет значения true.

Метод 3: объединение нескольких условий
Директива data-sly-test также поддерживает объединение нескольких условий с помощью логических операторов, таких как И (&&) и ИЛИ (||). Давайте посмотрим пример:

<div data-sly-test="${properties.isLoggedIn && properties.isAdmin}">
    <h3>Welcome, Admin User!</h3>
    <p>Manage your account and access exclusive features.</p>
</div>

В этом фрагменте кода блок <div>будет отображаться только в том случае, если оба свойства «isLoggedIn» и «isAdmin» имеют значение true.

Метод 4: использование тернарных операторов
Директиву data-sly-test можно дополнительно усовершенствовать за счет использования тройных операторов. Это позволяет нам условно присваивать значения переменным в шаблонах Sightly. Рассмотрим следующий пример:

<div data-sly-test="${properties.showDiscount}">
    <p>The price is ${properties.discountedPrice ? properties.discountedPrice : properties.originalPrice}.</p>
</div>

В этом случае, если свойство showDiscount имеет значение true, будет отображаться цена со скидкой. В противном случае будет показана первоначальная цена.

Директива data-sly-test в Sightly предоставляет мощный инструмент для реализации условной логики в шаблонах Adobe Experience Manager (AEM). В этой статье мы рассмотрели несколько методов использования этой директивы: от базовых условных операторов до объединения нескольких условий и использования тернарных операторов. Освоив эти методы, разработчики смогут создавать динамичные и персонализированные веб-интерфейсы в AEM. Так что вперед, экспериментируйте с директивой data-sly-test и раскройте весь потенциал возможностей шаблонов AEM!