Function createPageRenderer

tests/content-rendering.property.test.js:41–162

* Create a PageRenderer instance for testing * This mirrors the PageRenderer from app.js

()

   * This mirrors the PageRenderer from app.js
   */
  function createPageRenderer() {
    return {
      /**
       * Render chapter content to specified container
       * @param {Object} chapterData - Chapter data object
       * @param {HTMLElement} containerElement - Target container element
       */
      render: function(chapterData, containerElement) {
        if (!chapterData || !containerElement) {
          return;
        }
        
        // Clear container
        containerElement.innerHTML = '';
        
        // Create chapter container
        const chapterContainer = document.createElement('div');
        chapterContainer.className = 'chapter-container';
        
        // Render chapter header (title, subtitle)
        const header = this.renderChapterHeader(chapterData);
        chapterContainer.appendChild(header);
        
        // Render chapter body
        const body = this.renderChapterBody(chapterData);
        chapterContainer.appendChild(body);
        
        containerElement.appendChild(chapterContainer);
      },
      
      /**
       * Render chapter header (title, subtitle)
       * @param {Object} chapterData - Chapter data
       * @returns {HTMLElement} Header element
       */
      renderChapterHeader: function(chapterData) {
        const header = document.createElement('header');
        header.className = 'chapter-header';
        
        // Chapter number
        const chapterNumber = document.createElement('div');
        chapterNumber.className = 'chapter-number';
        chapterNumber.textContent = `第${chapterData.number}章`;
        header.appendChild(chapterNumber);
        
        // Chapter title
        const title = document.createElement('h1');
        title.className = 'chapter-title';
        title.textContent = chapterData.title;
        header.appendChild(title);
        
        // Subtitle (if exists)
        if (chapterData.subtitle) {
          const subtitle = document.createElement('p');
          subtitle.className = 'chapter-subtitle';
          subtitle.textContent = chapterData.subtitle;
          header.appendChild(subtitle);
        }