17、应用程序组件实现与自动化测试解析

应用程序组件实现与自动化测试解析

1. 内容组件（Content component）

内容组件是应用程序的主要组件，负责更改内容区域的视图。它以“content”的 ID 向核心模块注册自身，并实现了所需的 init 和 destroy 方法以及许多其他方法。

1.1 处理内容区域点击事件

当用户点击应用程序中的“添加到收藏夹”链接或内容区域中的图像时，内容组件视图的父容器会捕获并处理该事件。事件绑定在内容组件的 init 方法中完成：

sandBox.addEventHandlerToParent("click", this.handleMainContainerClicked);

handleMainContainerClicked 方法的实现如下：

handleMainContainerClicked: function (e) {
    if (e.target != e.currentTarget) {
        e.preventDefault();
        e.stopPropagation();
        if (e.target.tagName.toUpperCase() === 'IMG') {
            sandBox.contextObj.handleImageClick(e.tar