Adobe AD0-E134 Exam Questions

Code Quality testing and UI testing are two types of testing that are available OOB in AEM Cloud Manager Pipeline. Code Quality testing checks the code quality of the project using SonarQube and reports any issues or vulnerabilities. UI testing checks the functionality and usability of the project using Selenium WebDriver and reports any errors or failures. Reference: https://experienceleague.adobe.com/docs/experience-manager-cloud-service/implementing/testing/testing-overview.html?lang=en#testing-types https://experienceleague.adobe.com/docs/experience-manager-cloud-service/implementing/testing/code-quality-testing.html?lang=en https://experienceleague.adobe.com/docs/experience-manager-cloud-service/implementing/testing/ui-testing.html?lang=en

To implement a new component called 'Page Headline' which takes the text from the current page title instead of jcr:title, you should create a proxy component from the core title component and implement a Sling Model accordingly. Option C demonstrates the correct approach to achieve this functionality.

Here is a detailed explanation of Option C:

Create Proxy Component:

Create a new component in your project that will act as a proxy to the core title component. This involves creating a new component node in the repository that inherits from the core title component.

Example path: /apps/myproject/components/pageHeadline with sling:resourceSuperType set to core/wcm/components/title/v2/title.

Implement Sling Model:

Implement a Sling Model that adapts from SlingHttpServletRequest and Title.class, ensuring it overrides the text fetching logic to retrieve the title from the current page's title.

The model will use @ScriptVariable to inject the current page and @Self to access the core title component's logic.

@Model(adaptables = SlingHttpServletRequest.class, adapters = Title.class, resourceType = 'myproject/components/pageHeadline')

public class PageHeadline implements Title {

@ScriptVariable

private Page currentPage;

@Self @Via(type = ResourceSuperType.class)

private Title title;

@Override

public String getText() {

return currentPage.getTitle();

}

@Override

public String getType() {

return title.getType();

}

}

@Model Annotation: Specifies that this class is a Sling Model and adapts from SlingHttpServletRequest. It is also an adapter for Title.class and applies to the myproject/components/pageHeadline resource type.

@ScriptVariable: Injects the current Page object, which allows access to the current page's properties.

@Self @Via(type = ResourceSuperType.class): Injects the core title component, allowing the reuse of existing logic.

getText() Method: Overrides the getText() method to return the title from the current page instead of the jcr:title.

getType() Method: Delegates to the core title component's getType() method to maintain existing functionality.

This approach leverages the power of Sling Models and the core components to extend functionality while keeping the implementation clean and maintainable.

Adobe Experience Manager - Core Components

Sling Models Documentation

To debug a CQ HTML client library in the AEM author instance, you need to add the query parameter debugClientLibs set to true. This parameter instructs AEM to include additional debugging information for client libraries, making it easier to troubleshoot issues with JavaScript, CSS, and other assets.

Steps to enable client library debugging:

Open the AEM Page: Navigate to the AEM page where you want to debug the client libraries.

Append the Query Parameter: Add ?debugClientLibs=true to the URL. For example:

http://localhost:4502/content/we-retail/us/en.html?debugClientLibs=true

Reload the Page: Refresh the browser page. AEM will now include debugging information for client libraries.

This parameter helps in identifying issues with client library loading, dependencies, and other client-side resources.

Debugging Client Libraries in AEM

To ensure that text pasted inside the Text component in AEM is stripped of all styling and formatting, you need to override the RTE (Rich Text Editor) plugin implementation and change the default paste behavior. The correct option to achieve this is defaultPasteMode=plaintext.

Steps to configure the RTE plugin for plain text pasting:

Locate the RTE Configuration: Find the existing configuration for the RTE or create a new one in the /apps directory of your AEM project.

Modify the Plugin Configuration: Add or update the configuration to include the defaultPasteMode parameter. The configuration might look something like this:

{

'jcr:primaryType': 'nt:unstructured',

'features': '[text]',

'defaultPasteMode': 'plaintext'

}

Apply the Configuration: Ensure that this configuration is applied to the Text component. This typically involves updating the component dialog or design dialog to reference the updated RTE configuration.

Test the Configuration: In the AEM author instance, open the page with the Text component and paste text using CTRL+V. The pasted text should now be stripped of all styling and formatting, adhering to the plaintext mode.

By setting defaultPasteMode to plaintext, you ensure that the RTE only accepts plain text input, removing any formatting that might come from external sources.

AEM Rich Text Editor (RTE) Documentation

Configuring the Rich Text Editor in AEM

To generate a test coverage report for an AEM project using the latest archetype, the correct plugin to use is the maven-surefire-plugin (Option A). The maven-surefire-plugin is a part of the Maven ecosystem and is widely used to run unit tests within a Maven project. This plugin can be configured to generate detailed test reports, including HTML versions, which can be easily shared with clients.

Here's how to configure the maven-surefire-plugin to generate test coverage reports:

Add the Plugin to the POM File: Add the maven-surefire-plugin configuration in your pom.xml file:

<groupId>org.apache.maven.plugins</groupId>

maven-surefire-plugin

<version>2.22.2</version>

<configuration>

<reportsDirectory>${project.build.directory}/surefire-reports</reportsDirectory>

<reportFormat>html</reportFormat>

<trimStackTrace>false</trimStackTrace>

</configuration>

Execute the Maven Command: Run the following command to execute the tests and generate the coverage report:

mvn clean test

Locate the Report: The HTML test coverage report will be generated in the target/surefire-reports directory of your project.

Maven Surefire Plugin Documentation