??

?? ??? ? ???? ??? ????? ????? ???? ???????. ? ?????? Cypress? ???? ?? ???? ????? ?? ???? ??? ???????. Cypress?? ??? ??? ?? ?? ??? ????? ? ?? ?????? Cypress? ??? ?? ??? ???? ? ??? ??? ? ????.

? ???? ??? ?? ??? ?? ???.

• Cypress? ???? ??? ??????.
• ???? ?? ???? ?????.
• Cypress?? ??? ?????? ?? ???? ???? ?????.

?? ??

??? ????? Cypress? ?? ? ???? ??? ?????. Cypress v13.6.2? ???? ?? ? ???? ??? ?? ??? ?????.

Cypress? ?? ???

Cypress?? ??? ????? ?? ??? ?? ?? ??? ??? ?? ?????? ? ?? ??? ???? cypress-file-upload ????? ???????.
1??: cypress-file-upload ???? ??
Cypress?? ?? ???? ????? ?? cypress-file-upload ???? ???? ???.

npm install --save-dev cypress-file-upload

???? Cypress ?? ?? ?? Commands.js ??? ?????.

import 'cypress-file-upload';

2??: ?? ??
??? ??? ???? ??? ?? ?????? ????? ?? ?? ??? ??? ?????.

cypress/
    fixtures/
        exampleFile.pdf  // Test file for uploading
    e2e/
        fileUploadTests.cy.js  // Test file to upload and validate

3??: ?? ???
????? ??? ??? attachmentFile ??? ???? Fixtures ???? ??? ???? ? ????.

??? ????? ??? ??? ????.

describe('File Upload Test in Cypress', () => {
  it('should upload a file successfully', () => {
    // Visit the page with a file upload input
    cy.visit('/upload');

    // Select the file input element and upload a file from the fixtures folder
    cy.get('input[type="file"]').attachFile('exampleFile.pdf');

    // Validate that the file was uploaded (depends on your app's specific response)
    cy.get('.file-name').should('contain', 'exampleFile.pdf');
  });
});

? ???? ??:

• ?? ??? ???? ???? ?????.
• fixtures ???? ?? ???? ??????? ?? attachmentFile()? ?????.
• ???? ???? ?? ??? ???? ???? ????? ?????.

?? ??? ??

?? ??? ???? ???? ?? ??? ? ?? ???? ??? ????? ????? ???? ??? ??? ? ????. ??? ??? ????(?: ?? ??? ?? ?? ??)? ?? ?? ? ???? ??? ??? ? ????.

?: ?? ???? ?? ??? ??? ??

describe('File Upload and Validation', () => {
  it('should upload a file and validate metadata', () => {
    cy.visit('/upload');

    cy.get('input[type="file"]').attachFile('exampleFile.pdf');

    // Assert that the file metadata like size is displayed correctly
    cy.get('.file-size').should('contain', 'Size: 1MB');
  });
});

Cypress? ?? ????
Cypress? ?? ???? ??? ?? ?? ??? ???? ????(????? Cypress? ?? ??? ??? ??? ???????). ??? ?? ?? ????? ????? ??? ?? ???? ? ??? ??? ? ????.

1??: cypress-downloadfile ??
Cypress?? ?? ????? ???? ????? cypress-downloadfile ????? ??? ? ????.

npm? ?? ??:

npm install --save-dev cypress-file-upload

???? Commands.js ??? ????? ?????.

import 'cypress-file-upload';

2??: ?? ???? ? ??? ??
?? ??? ?????? ?? ??? ???? ???? ??? ? ????.

?: ?? ????

cypress/
    fixtures/
        exampleFile.pdf  // Test file for uploading
    e2e/
        fileUploadTests.cy.js  // Test file to upload and validate

? ???? ??:

• ??? cy.downloadFile()? ???? URL?? ??? ?????? cypress/downloads ??? ?????.
• ???? ? cy.readFile()? ???? ??? ????? ?????.

3??: ?? ??? ??? ??
????? ????? ???? ?? ????? ??? ??? ??? ? ????. ??? ?? ??(?: .txt, .csv)? ?? Cypress? cy.readFile()? ???? ?? ??? ??? ? ????.

?: ????? ?? ??? ??? ??

describe('File Upload Test in Cypress', () => {
  it('should upload a file successfully', () => {
    // Visit the page with a file upload input
    cy.visit('/upload');

    // Select the file input element and upload a file from the fixtures folder
    cy.get('input[type="file"]').attachFile('exampleFile.pdf');

    // Validate that the file was uploaded (depends on your app's specific response)
    cy.get('.file-name').should('contain', 'exampleFile.pdf');
  });
});

? ?????? .txt ??? ?????? ?? ??? ?? ???? ???? ??? ?????.

Cypress? ?? ??? ? ???? ?? ??

1. ???? ??? ??: ??? ???? ???? ???? ? ??? ?? ??? ??? ???? ??? ?????.
2. ???? ?? ??: ? ???? ???? ?? ???? ??? ???? ?? ??? ???? ?? ?? ??? ?????.
3. ?? ?? ??: ?? ???? ?? ?? UI ??? ?? ?? ? ??? ???? ??? ??? ????? ?????.
4. ????? ?? ???? ??: ???? ??? ????? ??? ????? ??? ?? ????(cypress/downloads)? ?????.
5. ?? ?? ???(?? ??): ???? ??? ?? ???? ????? ??????? ??? ???? ?? ?? ???? ?????.

??

?? ??? ? ????? ? ?????? ????? ??? ?????. Cypress? ????? ??? ??? ???? ??? cypress-file-upload ? cypress-downloadfile ????? ???? ?? ?? ??? ?????.

? ?????? ?? ??? ??????.

• Cypress? cypress-file-upload ????? ???? ??? ??????.
• ?? ??? ?????? ???? ?? ???? ?????.
• cypress-downloadfile ????? ???? ??? ?????? ????? ??? ??? ??? ?????.

??? ??? ??? ???? Cypress ????? ????? ?? ??? ? ????? ???? ??? ? ????!

? ??? Cypress?? ??? ? ????? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!