이미지 업로드 [Cypress]

debugcn 에 게시 Dev

Feronz

내 직장에서 개발 한 웹 페이지에 로컬 파일 의 jpeg 이미지를 업로드하려고합니다 . 문제는 페이지를 클릭 하여 파일 탐색기 를 연 다음 이미지를 선택해야합니다 (또는 클릭 할 수있는 동일한 지점으로 드래그 앤 드롭). 다음은 웹 페이지의 사진입니다.

어떻게 할 수 있을지 모르겠습니다 . " https://medium.com/@chrisbautistaaa/adding-image-fixtures-in-cypress-a88787daac9c " 에서 본 코드를 시도하고있었습니다 . 그러나 작동하지 마십시오. 실제로 정확히 어떻게 작동하는지 모르겠습니다. 누군가 나를 도울 수 있습니까?

내 코드는 다음과 같습니다.

@brendan의 도움을받은 후 요소 아래에 "숨겨진"입력을 찾아 문제를 해결할 수있었습니다. 그러나 그 전에 드래그 앤 드롭을 시도하고 cypress가 (성공적인 업로드에도 불구하고) 오류를 반환했습니다. 컨텍스트는 업로드 직후 요소가 다시 렌더링되고 사이프러스가 다음과 같이 말했습니다 .

입력 요소의 성공 외에도이 오류를 해결할 수있는 방법이 궁금합니다. 내부적으로 cypress에서 요소가 다시 정상으로 다시 렌더링 될 때까지 무시하거나 기다릴 수있는 작업을 수행 할 수 있습니까? Cypress가 제안한 솔루션 :

Brendan

우리는 cypress-file-upload를 사용하여 이것을하고 있습니다.

다음은 코드의 예입니다.

cy.fixture(fileName).then(fileContent => {
  cy.get(selectors.dropZoneInput).upload(
    { fileContent, fileName, mimeType: "application/pdf" },
    { subjectType: "drag-n-drop" }
  );
});

귀하의 목적을 위해 이것이 효과가 있다고 생각합니다.

cy.fixture(imagePath).then(fileContent => {
  cy.get(".upload-box").first().upload(
    { fileContent, fileName, mimeType: "image/jpeg" },
    { subjectType: "drag-n-drop" }
  );
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-1

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

이미지 업로드 [Cypress]

이미지 업로드 [Cypress]

Cypress 파일 업로드 (이미지 / jpeg)

NicEditor 이미지 업로드

Laravel : 이미지 업로드

Laravel : 이미지 업로드

이미지 필드 Django 업로드

cypress-file-upload에서 Cypress 파일 업로드 오류

Laravel 6으로 이미지 업로드

Ajax 및 PHP로 이미지 업로드

C ++로 이미지 파일 업로드

post -ios로 이미지 업로드

PHP로 jQtouch / Contao 이미지 업로드

Django로 여러 이미지 업로드

reactjs 및 ajax로 이미지 업로드

Android : json으로 이미지 업로드

Codeigniter 프로필 이미지 업로드

PHP 업로드 이미지 이름

이미지 업로드 이름 변경

Laravel 이미지 업로드 문제

Django에서 Cloudinary 이미지 업로드

VueJS CKeditor5 이미지 업로드

장고 ckeditor 업로드 이미지

.Net 이미지 업로드-Microsoft Azure

Swift UI 및 Alamofire 이미지 업로드

magento 1.9에서 이미지 업로드

이미지 업로드 수 제한 JavaScript

업로드 된 이미지 수 제한

PiXhost의 API- 이미지 업로드

Nestjs Azure에 이미지 업로드

Nestjs Azure에 이미지 업로드