javascript - 图像未在柏树的画布中预览

Question

我正在使用柏树并通过测试运行器运行。整个 html 在测试运行器的 iframe 中运行。

下面是我的HTML：

<div data-ng-show="previewType === 'image' || previewType === 'none'" class="" style="">
          <div class="col-md-12 px-0" id="CanvasHoldingElement">
            <canvas id="the-canvas" data-ng-mousedown="mouseEvent.DOWN($event)" data-ng-mouseup="mouseEvent.UP($event)" data-ng-mousemove="mouseEvent.MOVE($event)" data-ng-mouseenter="mouseEvent.ENTER()" data-ng-mouseleave="mouseEvent.LEAVE()" data-tool-mode="none" width="563" height="177" style="width: 563.5px; height: 177.906px;"> Sorry but your browser does not
              support
              HTML canvas.
            </canvas>
          </div>
        </div>

下面是我的 spec.js 文件代码。

SingleDeposit(docType)
    {
        cy.get("#ChooseAppdeposit").click()
        cy.wait(5000)
        const imgfile = '75140.pdf';
        cy.get("#selectDocumentComponent > div").invoke('attr','type','file').attachFile(imgfile,{subjectType: 'drag-n-drop'})
       
        cy.get('#depositTableSelect').select(docType)
        cy.wait(18000)
        cy.get('#btnDepositDocument').click({force: true})//cy.get('body > mosaic-page > div > mosaic-container > a > mosaic-app-name').click()
        
    }

文件被选中，但未在预览部分预览。