사이프러스 파일 업로드 오류(사이프러스 파일 업로드 오류)

사이프러스 파일 업로드 오류(사이프러스 파일 업로드 오류)

내 vue/cli 4 / Bootstrap 4.3 앱에서 파일 업로드를 위해 vue-uppload 구성 요소를 사용하며 잘 작동한다.파일 업로드를 테스트하기 위해 사이프러스를 추가하고 싶었고 https://github.com/abramenal/cypress-file-upload/tree/v3.5.3을 프로젝트에 추가했지만 이 테스트에서 실패했다.나는 vue 파일을 가지고 있다.

    <file-upload
            ref="upload"
            v-model="imageFiles"
            post-action="/post.method"
            put-action="/put.method"
            @input-file="inputFile"
            @input-filter="inputFilter"
            :multiple="false"
            class="btn btn-outline-secondary btn-sm m-2 file-input-class"
            data-cy="file-input"
    >
        <i :class="'action_link '+getHeaderIcon('upload')"></i>Upload image
    </file-upload>

    ...
   const VueUploadComponent = require('vue-upload-component')
   Vue.component('file-upload', VueUploadComponent)

그리고 내 브라우저에서 그것은 다음과 같이 렌더링된다.

<span class="btn btn-outline-secondary btn-sm m-2 file-input-class file-uploads file-uploads-html5" data-cy="file-input">
    <i class="action_link fa fa-upload"></i>
    Upload image  
    <label for="file"></label> 
    <input type="file" name="file" id="file">
</span>

나는 내가 하는 시험 파일:

        import 'cypress-file-upload'
        describe('Admin category fileupload functionality', () => {
            ...
            const fileName = '/sample_images/sample.png';

            cy.contains('Image Preview/Upload')

            cy.fixture(fileName).then(fileContent => {
                //  cy.find('#file')
                //     .should('have.value', 'Invalid Text')

                console.log('++Inside Tests cy::')
                console.log(cy)

                cy.get('#file').upload({ fileContent, fileName, mimeType: 'image/png' });
            });

하지만 콘솔에서 오류가 발생했다.

SHEN 함수(){}
TypeError: cy.get(...).upload는 함수가 아님

나는 cy var의 다음 uput을 본다.

또한 위의 테스트 코드에서 2개의 라인을 분리:

cy.find('#file')
    .should('have.value', 'Invalid Text')

내가 예상한 대로, 내가 왜 그런지 이해하지 못하는데, 나는 실수를 해서는 안 된다.

파일 업로드 테스트를 수행하는 방법

"axios": "^0.19.0",
"cypress-file-upload": "^4.0.6",
"file-saver": "^2.0.2",
"vue": "^2.6.10",
"vue-upload-component": "^2.8.20",

고마워!

보여 주고 있다"^4.0.6"네 것처럼cypress-file-upload버전.최신 버전과 3.5.3 버전 사이에는 차이가 있다.

노출된 명령어가upload()로attachFile()버전 4.0.0 이후

최신판에도 현재 불안하다는 노트가 있다.3.5.3으로 되돌아가서 코드를 그대로 유지해야 할지도 몰라.

참조URL: https://stackoverflow.com/questions/61337099/cypress-file-uploading-error-with-cypress-file-upload