Skip to content

User Story: Test issue for AI agent #4978

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
maryjaf opened this issue Jan 28, 2025 · 164 comments
Open

User Story: Test issue for AI agent #4978

maryjaf opened this issue Jan 28, 2025 · 164 comments
Labels
User Story

Comments

@maryjaf
Copy link
Collaborator

maryjaf commented Jan 28, 2025 •
edited
Loading

On the Endaoment banner shown above project information on projects imported from Endaoment, it appears that the bottom padding is missing from the element

Image

In addition it seems some projects have broken images, which prevents the banner image but also the project description from loading...

Image

Two examples I found here, but probably more...
https://giveth.io/project/Homeless-Not-Toothless
https://giveth.io/project/Careers-Through-Culinary-Arts-Program-(C-CAP)
@kkatusic
Copy link
Collaborator

@maryjaf it is ok on my side, can you check inside another browser?

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

@maryjaf it is ok on my side, can you check inside another browser?

I've created this test issue for test my AI project
sorry @kkatusic

@kkatusic
Copy link
Collaborator

@maryjaf it is ok on my side, can you check inside another browser?

I've created this test issue for test my AI project sorry @kkatusic

Np, sorry nice that it work ;) Now you know that it is working :)

Nice job, you will now learn me

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Test Failed

Command failed: npx cypress run
(node:80414) ExperimentalWarning: Support for loading ES Module in require() is an experimental feature and might change at any time
(Use node --trace-warnings ... to show where the warning was created)

DevTools listening on ws://127.0.0.1:57502/devtools/browser/35a2156a-180f-40e0-8204-df59e8b8484a

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner section displaying project information.
  2. Verify the presence of bottom padding on the banner element.
  3. Check multiple projects imported from Endaoment to confirm consistent padding.
  4. Verify that the banner image and project description load correctly without broken images.
  5. Inspect the projects "Homeless Not Toothless" and "Careers Through Culinary Arts Program (C-CAP)" for issues.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with appropriate bottom padding for all imported projects.
  2. Confirm that all project images load successfully and project descriptions are visible in the banner.

Negative Test Scenarios:

  1. Test the scenario where the Endaoment banner displays without any padding at the bottom of the element.
  2. Validate the case where broken images cause the banner image and project description not to load for certain projects.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025 


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Testing
    1) Verify presence of bottom padding on the banner element
    2) Check multiple projects for consistent padding and image loading
    3) Verify specific projects for issues
    4) Negative test: Endaoment banner displays without padding
    5) Negative test: Verify broken image prevents loading banner image and description


  0 passing (14s)
  5 failing

  1) Endaoment Banner UI Testing
       Verify presence of bottom padding on the banner element:
     CypressError: `cy.visit()` failed trying to load:

url

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/url

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:58245/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:58245/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:58245/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:58245/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:58245/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:58245/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:58245/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:58245/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:58245/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:58245/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:58245/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:58245/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:3:7)

  2) Endaoment Banner UI Testing
       Check multiple projects for consistent padding and image loading:
     CypressError: `cy.visit()` failed trying to load:

url

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/url

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:58245/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:58245/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:58245/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:58245/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:58245/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:58245/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:58245/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:58245/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:58245/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:58245/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:58245/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:58245/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:9:7)

  3) Endaoment Banner UI Testing
       Verify specific projects for issues:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `#endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:19:32)

  4) Endaoment Banner UI Testing
       Negative test: Endaoment banner displays without padding:
     CypressError: `cy.visit()` failed trying to load:

url

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/url

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (https://giveth.io/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:26:7)

  5) Endaoment Banner UI Testing
       Negative test: Verify broken image prevents loading banner image and description:
     CypressError: `cy.visit()` failed trying to load:

url

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/url

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (https://giveth.io/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:32:7)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        5                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      5                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  5                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     13 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Testing -- Verify presence of bottom padding on the bann               
     er element (failed).png                                                                        
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Testing -- Check multiple projects for consistent paddin               
     g and image loading (failed).png                                                               
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Testing -- Verify specific projects for issues (failed).               
     png                                                                                            
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Testing -- Negative test Endaoment banner displays witho               
     ut padding (failed).png                                                                        
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Testing -- Negative test Verify broken image prevents lo               
     ading banner image and description (failed).png                                                


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:13        5        -        5        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:13        5        -        5        -        -

View the full Mocha report here

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Access the Endaoment banner on projects imported from Endaoment.
  2. Check the element for missing bottom padding.
  3. Verify the layout and positioning of the banner.
  4. Validate the display of project information within the banner.
  5. Inspect the image loading process for the banner.
  6. Navigate to multiple project examples to check for consistent display.

Positive Test Scenarios:

  1. User imports a project from Endaoment successfully, and the banner displays correctly with proper padding.
  2. User accesses a project page with a functional Endaoment banner showing images and project information as intended.

Negative Test Scenarios:

  1. A project import from Endaoment results in the banner element missing bottom padding.
  2. User encounters broken images on the banner, leading to incomplete display of project information.
  3. Inconsistencies in banner display found on specific project pages such as "Homeless Not Toothless" and "Careers Through Culinary Arts Program (C-CAP)."

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Check for missing bottom padding on Endaoment banner element
    2) Verify layout and positioning of the Endaoment banner
    3) Validate display of project information within the banner
    4) Inspect image loading process for the banner
    5) Navigate to another project page and check Endaoment banner display


  0 passing (39s)
  5 failing

  1) Endaoment Banner UI Tests
       Check for missing bottom padding on Endaoment banner element:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:7:32)

  2) Endaoment Banner UI Tests
       Verify layout and positioning of the Endaoment banner:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:11:32)

  3) Endaoment Banner UI Tests
       Validate display of project information within the banner:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.project-info`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:15:28)

  4) Endaoment Banner UI Tests
       Inspect image loading process for the banner:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.endaoment-banner img`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:19:36)

  5) Endaoment Banner UI Tests
       Navigate to another project page and check Endaoment banner display:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:24:32)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        5                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      5                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  5                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     39 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check for missing bottom padding on Endaoment b               
     anner element (failed).png                                                                     
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify layout and positioning of the Endaoment                
     banner (failed).png                                                                            
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Validate display of project information within                
     the banner (failed).png                                                                        
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Inspect image loading process for the banner (f               
     ailed).png                                                                                     
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Navigate to another project page and check Enda               
     oment banner display (failed).png                                                              


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:39        5        -        5        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:39        5        -        5        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment banner on a project imported from Endaoment.
  2. Verify the presence of bottom padding on the banner element.
  3. Check for broken images on the banner.
  4. Verify the loading of project description along with the banner.
  5. Access the provided URLs to simulate scenarios with broken images.

Positive Test Scenarios:

  1. Verify the correct display of the Endaoment banner with proper bottom padding.
  2. Confirm that all images on the banner load correctly without any issues.
  3. Ensure that the project description is displayed correctly below the banner section.
  4. Validate the functioning of the provided URLs by loading projects without any broken images.

Negative Test Scenarios:

  1. Test what happens when the bottom padding on the Endaoment banner is removed or set incorrectly.
  2. Simulate the scenario where certain images on the banner are intentionally broken or missing.
  3. Check the behavior of the UI if the project description fails to load or is not displayed as expected.
  4. Test with non-standard screen resolutions or zoom levels to see how the UI handles layout issues.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Access the Endaoment website's homepage.
  2. Verify the banner shown above project information.
  3. Check for the bottom padding of the banner element.
  4. Validate the loading of project information from projects imported from Endaoment.
  5. Inspect the broken images on projects such as "Homeless Not Toothless" and "Careers Through Culinary Arts Program (C-CAP)."
  6. Check if broken images are causing issues in loading the banner image and project description.

Positive Test Scenarios:

  1. Verify that the banner displays correctly with the appropriate bottom padding.
  2. Ensure that project information is loaded successfully from projects imported from Endaoment.
  3. Confirm that images on projects are displayed without any issues.
  4. Check if project descriptions are loading correctly along with the banner image.

Negative Test Scenarios:

  1. Test what happens when the banner element has missing bottom padding.
  2. Validate the behavior when images are broken and prevent the correct loading of the banner and project information.
  3. Verify how the UI handles multiple instances of broken images on different projects.
  4. Ensure error messages or notifications are displayed appropriately for broken images and failed project information loading.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Open the web application and navigate to the Endaoment banner section above project information.
  2. Verify the styling properties of the banner element including padding.
  3. Check for any missing bottom padding from the banner element.
  4. Record any discrepancies in padding observed.
  5. Verify the functionality of loading project images.
  6. Check for broken images within project banners.
  7. Identify projects with broken images preventing banner image and project description loading.
  8. Record the number of instances with broken images.

Positive Test Scenarios:

  1. Verify that the Endaoment banner element displays correctly with proper bottom padding.
  2. Check that all project images load successfully without any broken images.
  3. Ensure that project descriptions appear alongside the banner images as intended.

Negative Test Scenarios:

  1. Test what happens when the bottom padding of the Endaoment banner is intentionally removed.
  2. Simulate scenarios where multiple project images are broken simultaneously.
  3. Verify how the system handles cases where all project images fail to load.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Verify Endaoment banner styling properties
    2) Check for missing bottom padding from Endaoment banner
    3) Verify project images load successfully without broken images
    4) Identify projects with broken images in project banners


  0 passing (3s)
  4 failing

  1) Endaoment Banner UI Tests
       Verify Endaoment banner styling properties:
     CypressError: `cy.visit()` failed trying to load:

https://yourwebapplicationurl.com/

We attempted to make an http request to this URL but the request failed without a response.

We received this error at the network level:

  > Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com

Common situations why this would fail:
  - you don't have internet access
  - you forgot to run / boot your web server
  - your web server isn't accessible
  - you have weird network configuration settings on your computer
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130714:74)
      at visitFailedByErr (http://localhost:62055/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130713:11)
      at tryCatcher (http://localhost:62055/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:62055/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:62055/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:62055/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:62055/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:62055/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:62055/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:3:7)
  
  From Node.js Internals:
    Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com
        at GetAddrInfoReqWrap.onlookupall [as oncomplete] (node:dns:120:26)

  2) Endaoment Banner UI Tests
       Check for missing bottom padding from Endaoment banner:
     CypressError: `cy.visit()` failed trying to load:

https://yourwebapplicationurl.com/

We attempted to make an http request to this URL but the request failed without a response.

We received this error at the network level:

  > Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com

Common situations why this would fail:
  - you don't have internet access
  - you forgot to run / boot your web server
  - your web server isn't accessible
  - you have weird network configuration settings on your computer
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130714:74)
      at visitFailedByErr (http://localhost:62055/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130713:11)
      at tryCatcher (http://localhost:62055/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:62055/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:62055/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:62055/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:62055/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:62055/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:62055/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:8:7)
  
  From Node.js Internals:
    Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com
        at GetAddrInfoReqWrap.onlookupall [as oncomplete] (node:dns:120:26)

  3) Endaoment Banner UI Tests
       Verify project images load successfully without broken images:
     CypressError: `cy.visit()` failed trying to load:

https://yourwebapplicationurl.com/

We attempted to make an http request to this URL but the request failed without a response.

We received this error at the network level:

  > Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com

Common situations why this would fail:
  - you don't have internet access
  - you forgot to run / boot your web server
  - your web server isn't accessible
  - you have weird network configuration settings on your computer
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130714:74)
      at visitFailedByErr (http://localhost:62055/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130713:11)
      at tryCatcher (http://localhost:62055/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:62055/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:62055/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:62055/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:62055/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:62055/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:62055/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:13:7)
  
  From Node.js Internals:
    Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com
        at GetAddrInfoReqWrap.onlookupall [as oncomplete] (node:dns:120:26)

  4) Endaoment Banner UI Tests
       Identify projects with broken images in project banners:
     CypressError: `cy.visit()` failed trying to load:

https://yourwebapplicationurl.com/

We attempted to make an http request to this URL but the request failed without a response.

We received this error at the network level:

  > Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com

Common situations why this would fail:
  - you don't have internet access
  - you forgot to run / boot your web server
  - your web server isn't accessible
  - you have weird network configuration settings on your computer
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130714:74)
      at visitFailedByErr (http://localhost:62055/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:62055/__cypress/runner/cypress_runner.js:130713:11)
      at tryCatcher (http://localhost:62055/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:62055/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:62055/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:62055/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:62055/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:62055/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:62055/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:62055/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:20:7)
  
  From Node.js Internals:
    Error: getaddrinfo ENOTFOUND yourwebapplicationurl.com
        at GetAddrInfoReqWrap.onlookupall [as oncomplete] (node:dns:120:26)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        4                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      4                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  4                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     3 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify Endaoment banner styling properties (fai               
     led).png                                                                                       
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check for missing bottom padding from Endaoment               
      banner (failed).png                                                                           
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify project images load successfully without               
      broken images (failed).png                                                                    
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Identify projects with broken images in project               
      banners (failed).png                                                                          


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:03        4        -        4        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:03        4        -        4        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment website.
  2. Navigate to a project page imported from Endaoment.
  3. Locate the banner above the project information.
  4. Verify the bottom padding of the banner element.
  5. Check for any broken images within the banner.
  6. Verify that both the banner image and project description load correctly.

Positive Test Scenarios:

  1. User opens a project page and the banner is displayed with proper padding and images load successfully.
  2. User navigates to multiple project pages and confirms that all banners above project information are visually correct.

Negative Test Scenarios:

  1. User opens a project page and observes that the bottom padding of the banner is missing.
  2. User encounters a project page where the images within the banner are broken and fail to load.
  3. User visits the provided example projects (Homeless Not Toothless and Careers Through Culinary Arts Program) and identifies similar issues with the banner elements.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment website.
  2. Navigate to the section showing the banner above project information.
  3. Verify the padding at the bottom of the element.
  4. Check the visibility and loading status of the banner image and project description.
  5. Click on the projects imported from Endaoment to ensure proper functionality.

Positive Test Scenarios:

  1. Verify that the banner above project information displays correctly with proper padding.
  2. Confirm that the banner image and project description load successfully for projects imported from Endaoment.
  3. Ensure that the projects imported from Endaoment are clickable and navigate to the correct project pages.

Negative Test Scenarios:

  1. Verify the behavior when the padding at the bottom of the element is missing.
  2. Test the scenario where the banner image is broken, and the project description fails to load.
  3. Check how the system handles multiple broken images for different projects imported from Endaoment.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025 


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Website UI Tests
    1) Verify proper padding on the banner element
    2) Check visibility and loading of banner image and project description
    3) Click on projects imported from Endaoment and verify navigation
    Positive Test Scenarios
      4) Banner above project information displays correctly with proper padding
      5) Banner image and project description load successfully
      6) Projects imported from Endaoment are clickable and navigate properly
    Negative Test Scenarios
      7) Verify behavior when padding at the bottom of the element is missing
      8) Test scenario where banner image is broken and project description fails to load
      ✓ Check how system handles multiple broken images for imported projects


  1 passing (1m)
  8 failing

  1) Endaoment Website UI Tests
       Verify proper padding on the banner element:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-element`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:7:34)

  2) Endaoment Website UI Tests
       Check visibility and loading of banner image and project description:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-image`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:11:32)

  3) Endaoment Website UI Tests
       Click on projects imported from Endaoment and verify navigation:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.imported-project`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:16:11)

  4) Endaoment Website UI Tests
       Positive Test Scenarios
         Banner above project information displays correctly with proper padding:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-element`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:23:38)

  5) Endaoment Website UI Tests
       Positive Test Scenarios
         Banner image and project description load successfully:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-image`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:27:36)

  6) Endaoment Website UI Tests
       Positive Test Scenarios
         Projects imported from Endaoment are clickable and navigate properly:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.imported-project`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:32:15)

  7) Endaoment Website UI Tests
       Negative Test Scenarios
         Verify behavior when padding at the bottom of the element is missing:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-element`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:39:38)

  8) Endaoment Website UI Tests
       Negative Test Scenarios
         Test scenario where banner image is broken and project description fails to load:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner-image`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:43:36)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        9                                                                                │
  │ Passing:      1                                                                                │
  │ Failing:      8                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  8                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     1 minute, 9 seconds                                                              │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Verify proper padding on the banner element (f               
     ailed).png                                                                                     
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Check visibility and loading of banner image a               
     nd project description (failed).png                                                            
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Click on projects imported from Endaoment and                
     verify navigation (failed).png                                                                 
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Positive Test Scenarios -- Banner above projec               
     t information displays correctly with proper padding (failed).png                              
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Positive Test Scenarios -- Banner image and pr               
     oject description load successfully (failed).png                                               
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Positive Test Scenarios -- Projects imported f               
     rom Endaoment are clickable and navigate properly (failed).png                                 
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Negative Test Scenarios -- Verify behavior whe               
     n padding at the bottom of the element is missing (failed).png                                 
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Negative Test Scenarios -- Test scenario where               
      banner image is broken and project description fails to load (failed).png                     


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    01:09        9        1        8        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     01:09        9        1        8        -        -

View the full Mocha report here

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment website and navigate to a project page.
  2. Verify that the banner above project information is displayed correctly.
  3. Check the element for any missing bottom padding.
  4. Verify that the project images are loading properly.
  5. Check for broken images on the project page.
  6. Perform a visual inspection to ensure the banner image and project description are loading as expected.
  7. Repeat the test on multiple project pages for thorough validation.

Positive Test Scenarios:

  1. Open the Endaoment website and verify that the banner above project information is displayed with proper padding.
  2. Check that project images load successfully and are visible on the project pages.
  3. Confirm that project descriptions are visible and aligned correctly with the banner image.
  4. Ensure that the banner image and project details display consistently across different projects on the website.

Negative Test Scenarios:

  1. Disable network connectivity and open the Endaoment website to check how the site handles broken image loading.
  2. Inject a CSS style to remove the bottom padding from the banner element and validate if the issue is reproducible.
  3. Access the provided project links with broken images directly to see the impact on the banner and project description loading.
  4. Test the website's responsiveness by resizing the browser window to check if the layout breaks or padding issues occur.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 28, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Website UI Tests
    1) Verify correct display of banner above project information
    2) Check project images and descriptions on project pages
    ✓ Detect broken images on project pages
    3) Perform visual inspection of banner image and project description
    4) Validate UI consistency across multiple project pages
    5) Simulate broken image loading on the website
    6) Verify handling of padding issue on the banner element
    7) Access project pages with broken images directly to observe impact
    8) Evaluate website responsiveness under different viewport sizes


  1 passing (57s)
  8 failing

  1) Endaoment Website UI Tests
       Verify correct display of banner above project information:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:9:13)

  2) Endaoment Website UI Tests
       Check project images and descriptions on project pages:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.project-image`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:16:13)

  3) Endaoment Website UI Tests
       Perform visual inspection of banner image and project description:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:33:13)

  4) Endaoment Website UI Tests
       Validate UI consistency across multiple project pages:
     CypressError: Timed out retrying after 4000ms: The command was expected to run against origin `https://endaoment.org` but the application is at origin `https://giveth.io`.

This commonly happens when you have either not navigated to the expected origin or have navigated away unexpectedly.

Using `cy.origin()` to wrap the commands run on `https://giveth.io` will likely fix this issue.

`cy.origin('https://giveth.io', () => {`
`  <commands targeting https://giveth.io go here>`
`})`

https://on.cypress.io/cy-visit-succeeded-but-commands-fail
      at cypressErr (https://endaoment.org/__cypress/runner/cypress_runner.js:75089:18)
      at Object.errByPath (https://endaoment.org/__cypress/runner/cypress_runner.js:75143:10)
      at Object.commandCanCommunicateWithAUT (https://endaoment.org/__cypress/runner/cypress_runner.js:144147:90)
      at <unknown> (https://endaoment.org/__cypress/runner/cypress_runner.js:131077:22)
      at Object.subjectFn (https://endaoment.org/__cypress/runner/cypress_runner.js:142971:16)
      at $Cy.verifyUpcomingAssertions (https://endaoment.org/__cypress/runner/cypress_runner.js:142310:31)
      at onRetry (https://endaoment.org/__cypress/runner/cypress_runner.js:142962:15)
      at tryCatcher (https://endaoment.org/__cypress/runner/cypress_runner.js:1777:23)
      at Promise.attempt.Promise.try (https://endaoment.org/__cypress/runner/cypress_runner.js:4285:29)
      at whenStable (https://endaoment.org/__cypress/runner/cypress_runner.js:142849:68)
      at <unknown> (https://endaoment.org/__cypress/runner/cypress_runner.js:142790:14)
      at tryCatcher (https://endaoment.org/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://endaoment.org/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://endaoment.org/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://endaoment.org/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://endaoment.org/__cypress/runner/cypress_runner.js:1671:18)
      at Promise._fulfill (https://endaoment.org/__cypress/runner/cypress_runner.js:1615:18)
      at <unknown> (https://endaoment.org/__cypress/runner/cypress_runner.js:5420:46)
  From Your Spec Code:
      at eval (webpack:///./cypress/integration/generatedTest.spec.js:47:15)
  at Array.forEach (<anonymous>)
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:40:21)

  5) Endaoment Website UI Tests
       Simulate broken image loading on the website:
     AssertionError: expected '[ <img>, 14 more... ]' not to be 'visible'
      at captureUserInvocationStack (https://endaoment.org/__cypress/runner/cypress_runner.js:138199:94)
      at Assertion.assert (https://endaoment.org/__cypress/runner/cypress_runner.js:138227:9)
      at assert (https://endaoment.org/__cypress/runner/cypress_runner.js:138550:23)
      at Assertion.<anonymous> (https://endaoment.org/__cypress/runner/cypress_runner.js:138624:14)
      at Assertion.propertyGetter (https://endaoment.org/__cypress/runner/cypress_runner.js:77567:29)
      at Object.proxyGetter [as get] (https://endaoment.org/__cypress/runner/cypress_runner.js:77851:22)
      at applyChainer (https://endaoment.org/__cypress/runner/cypress_runner.js:117826:27)
      at <unknown> (https://endaoment.org/__cypress/runner/cypress_runner.js:117882:16)
      at arrayReduce (https://endaoment.org/__cypress/runner/cypress_runner.js:18675:21)
      at Function.reduce (https://endaoment.org/__cypress/runner/cypress_runner.js:27727:14)

  6) Endaoment Website UI Tests
       Verify handling of padding issue on the banner element:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:76:11)

  7) Endaoment Website UI Tests
       Access project pages with broken images directly to observe impact:
     TypeError: The following error originated from your application code, not from Cypress. It was caused by an unhandled promise rejection.

  > Cannot read properties of null (reading 'postMessage')

When Cypress detects uncaught errors originating from your application it will automatically fail the current test.

This behavior is configurable, and you can choose to turn this off by listening to the `uncaught:exception` event.

https://on.cypress.io/uncaught-exception-from-application
      at PrimaryOriginCommunicator.toSource (https://endaoment.org/__cypress/runner/cypress_runner.js:167884:12)
      at PrimaryOriginCommunicator.<anonymous> (https://endaoment.org/__/assets/index-Botnnu3r.js:109270:43)

  8) Endaoment Website UI Tests
       Evaluate website responsiveness under different viewport sizes:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:103:13)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        9                                                                                │
  │ Passing:      1                                                                                │
  │ Failing:      8                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  8                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     56 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Verify correct display of banner above project               
      information (failed).png                                                                      
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Check project images and descriptions on proje               
     ct pages (failed).png                                                                          
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Perform visual inspection of banner image and                
     project description (failed).png                                                               
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Validate UI consistency across multiple projec               
     t pages (failed).png                                                                           
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Simulate broken image loading on the website (               
     failed).png                                                                                    
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Verify handling of padding issue on the banner               
      element (failed).png                                                                          
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Access project pages with broken images direct               
     ly to observe impact (failed).png                                                              
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Website UI Tests -- Evaluate website responsiveness under differen               
     t viewport sizes (failed).png                                                                  


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:56        9        1        8        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:56        9        1        8        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 29, 2025

Detailed Test Steps for UI Testing:

  1. Open the application where the Endaoment banner is displayed.
  2. Navigate to projects imported from Endaoment.
  3. Verify the appearance of the banner element above the project information.
  4. Check the bottom padding of the banner element.
  5. Confirm if the bottom padding is missing from the element.
  6. Verify the loading of project descriptions and banner images.
  7. Check for any broken images within the project details.
  8. Explore multiple projects imported from Endaoment to identify similar issues.
  9. Verify the functionality of the banner and project details.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with proper bottom padding.
  2. Confirm that project descriptions and banner images load correctly without any issues.
  3. Ensure that all elements on the page are aligned properly and visually consistent.
  4. Check that projects imported from Endaoment display the banner and project information accurately.
  5. Validate that the banner functions as expected when interacting with it.

Negative Test Scenarios:

  1. Test scenario where the Endaoment banner has excessive bottom padding.
  2. Verify the behavior when project descriptions contain special characters or long text that may affect the layout.
  3. Validate the application's response when the banner image fails to load due to network issues.
  4. Check the display when there are multiple broken images within project details.
  5. Test scenario where the banner element is completely missing or not rendered on the page.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 29, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Verify Endaoment Banner has proper bottom padding


  0 passing (167ms)
  1 failing

  1) Endaoment Banner UI Tests
       Verify Endaoment Banner has proper bottom padding:
     CypressError: `cy.visit()` failed trying to load:

your_application_url_here

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/your_application_url_here

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:52536/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:52536/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:52536/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:52536/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:52536/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:52536/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:52536/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:52536/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:52536/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:52536/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:52536/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:52536/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:3:11)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        1                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify Endaoment Banner has proper bottom paddi               
     ng (failed).png                                                                                


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    169ms        1        -        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     169ms        1        -        1        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 29, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment banner shown above project information.
  2. Verify the bottom padding of the element.
  3. Check for broken images in projects imported from Endaoment.
  4. Click on the broken image links to see if they redirect to the correct project description page.
  5. Verify that the project description loads properly after clicking on the broken images.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with proper padding.
  2. Confirm that projects without broken images load successfully with both the banner image and project description.
  3. Check that clicking on normal project images redirects to the correct project description page.

Negative Test Scenarios:

  1. Test the behavior when the bottom padding of the element is intentionally modified to be less than expected.
  2. Check the response when the banner image fails to load due to server issues.
  3. Confirm the handling of broken image links that do not redirect to any project description page.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 29, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Verify correct bottom padding of the Endaoment banner element
    2) Check for broken images in projects and verify project description loads after clicking on them
    3) Verify clicking on normal project images redirects to correct project description
    4) Test behavior when bottom padding of element is intentionally modified to be less than expected
    5) Check response when banner image fails to load due to server issues
    6) Confirm handling of broken image links that do not redirect to any project description page


  0 passing (27s)
  6 failing

  1) Endaoment Banner UI Tests
       Verify correct bottom padding of the Endaoment banner element:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `#endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:4:32)

  2) Endaoment Banner UI Tests
       Check for broken images in projects and verify project description loads after clicking on them:
     TypeError: cy.get(...).on is not a function
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:10:7)
      at runnable.fn (https://giveth.io/__cypress/runner/cypress_runner.js:137464:19)
      at callFn (https://giveth.io/__cypress/runner/cypress_runner.js:156061:21)
      at Runnable.run (https://giveth.io/__cypress/runner/cypress_runner.js:156048:7)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:161972:30)
      at PassThroughHandlerContext.finallyHandler (https://giveth.io/__cypress/runner/cypress_runner.js:4042:23)
      at PassThroughHandlerContext.tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)

  3) Endaoment Banner UI Tests
       Verify clicking on normal project images redirects to correct project description:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.project-description`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:22:35)

  4) Endaoment Banner UI Tests
       Test behavior when bottom padding of element is intentionally modified to be less than expected:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `#endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:27:32)

  5) Endaoment Banner UI Tests
       Check response when banner image fails to load due to server issues:
     CypressError: Timed out retrying after 5000ms: `cy.wait()` timed out waiting `5000ms` for the 1st request to the route: `bannerImage`. No request ever occurred.

https://on.cypress.io/wait
      at cypressErr (https://giveth.io/__cypress/runner/cypress_runner.js:75089:18)
      at Object.errByPath (https://giveth.io/__cypress/runner/cypress_runner.js:75143:10)
      at checkForXhr (https://giveth.io/__cypress/runner/cypress_runner.js:134450:84)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:134476:28)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise.attempt.Promise.try (https://giveth.io/__cypress/runner/cypress_runner.js:4285:29)
      at whenStable (https://giveth.io/__cypress/runner/cypress_runner.js:142849:68)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:142790:14)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1671:18)
      at Promise._fulfill (https://giveth.io/__cypress/runner/cypress_runner.js:1615:18)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:5420:46)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:33:7)

  6) Endaoment Banner UI Tests
       Confirm handling of broken image links that do not redirect to any project description page:
     Error: The following error originated from your application code, not from Cypress.

  > Minified React error #425; visit https://reactjs.org/docs/error-decoder.html?invariant=425 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

When Cypress detects uncaught errors originating from your application it will automatically fail the current test.

This behavior is configurable, and you can choose to turn this off by listening to the `uncaught:exception` event.

https://on.cypress.io/uncaught-exception-from-application
      at rh (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:40259)
      at <unknown> (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:100718)
      at oD (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:106229)
      at oO (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:99177)
      at <unknown> (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:98984)
      at oF (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:98991)
      at oS (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:94030)
      at x (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:137528)
      at MessagePort.T (https://giveth.io/_next/static/chunks/framework-c6ee5607585ef091.js:1:138058)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        6                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      6                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  6                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     27 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify correct bottom padding of the Endaoment                
     banner element (failed).png                                                                    
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check for broken images in projects and verify                
     project description loads after clicking on them (failed).png                                  
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify clicking on normal project images redire               
     cts to correct project description (failed).png                                                
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Test behavior when bottom padding of element is               
      intentionally modified to be less than expected (failed).png                                  
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check response when banner image fails to load                
     due to server issues (failed).png                                                              
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Confirm handling of broken image links that do                
     not redirect to any project description page (failed).png                                      


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:27        6        -        6        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:27        6        -        6        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Jan 30, 2025

Detailed Test Steps for UI Testing:
Failed to generate test steps.

Positive Test Scenarios:
No positive scenarios generated.

Negative Test Scenarios:
No negative scenarios generated.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 2, 2025

Detailed Test Steps for UI Testing:

  1. Open the webpage that displays the Endaoment banner above project information.
  2. Inspect the banner element to verify the bottom padding.
  3. Check the styling and CSS properties affecting the banner element.
  4. Verify the image loading functionality for project banners.
  5. Confirm that project descriptions are loading correctly.
  6. Check for broken images on the webpage.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with the appropriate bottom padding.
  2. Confirm that project images load successfully and are displayed as expected.
  3. Ensure that project descriptions appear alongside the images without any issues.

Negative Test Scenarios:

  1. Test what happens if the bottom padding of the Endaoment banner is set to 0 or removed completely.
  2. Verify the behavior when a project image URL is incorrect or leads to a broken image.
  3. Validate the handling of scenarios where project descriptions fail to load due to network issues or incorrect data.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 2, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Verify the bottom padding of the Endaoment banner element
    2) Check project banner image loading functionality
    3) Verify project descriptions load correctly with project images
    4) Test the behavior when the bottom padding of the Endaoment banner is removed
    5) Validate handling of broken project image URL
    6) Verify the handling when project description fails to load


  0 passing (16s)
  6 failing

  1) Endaoment Banner UI Tests
       Verify the bottom padding of the Endaoment banner element:
     CypressError: `cy.visit()` failed trying to load:

URL_OF_THE_WEBPAGE

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL_OF_THE_WEBPAGE

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:59656/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:59656/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:59656/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:59656/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:59656/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:59656/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:59656/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:59656/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:59656/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:59656/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:59656/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:59656/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:3:11)

  2) Endaoment Banner UI Tests
       Check project banner image loading functionality:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `CSS_SELECTOR_OF_PROJECT_IMAGE`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:9:48)

  3) Endaoment Banner UI Tests
       Verify project descriptions load correctly with project images:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `CSS_SELECTOR_OF_PROJECT_DESCRIPTION`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:14:54)

  4) Endaoment Banner UI Tests
       Test the behavior when the bottom padding of the Endaoment banner is removed:
     CypressError: `cy.visit()` failed trying to load:

URL_OF_THE_WEBPAGE

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL_OF_THE_WEBPAGE

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (https://giveth.io/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:18:11)

  5) Endaoment Banner UI Tests
       Validate handling of broken project image URL:
     CypressError: `cy.visit()` failed trying to load:

URL_OF_PAGE_WITH_BROKEN_IMAGE_PROJECT

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL_OF_PAGE_WITH_BROKEN_IMAGE_PROJECT

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (https://giveth.io/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:23:11)

  6) Endaoment Banner UI Tests
       Verify the handling when project description fails to load:
     CypressError: `cy.visit()` failed trying to load:

URL_OF_PAGE_WITH_FAILED_DESCRIPTION

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL_OF_PAGE_WITH_FAILED_DESCRIPTION

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (https://giveth.io/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:28:11)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        6                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      6                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  6                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     15 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify the bottom padding of the Endaoment bann               
     er element (failed).png                                                                        
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check project banner image loading functionalit               
     y (failed).png                                                                                 
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify project descriptions load correctly with               
      project images (failed).png                                                                   
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Test the behavior when the bottom padding of th               
     e Endaoment banner is removed (failed).png                                                     
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Validate handling of broken project image URL (               
     failed).png                                                                                    
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify the handling when project description fa               
     ils to load (failed).png                                                                       


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:15        6        -        6        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:15        6        -        6        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 2, 2025

Detailed Test Steps for UI Testing:

  1. Open the application and navigate to the page displaying the Endaoment banner with project information.
  2. Inspect the layout of the banner element and check for any missing bottom padding.
  3. Verify project information and image loading behavior for projects imported from Endaoment.
  4. Check for broken images within the banner and project descriptions.
  5. Test the display of project information on various screen sizes to ensure responsiveness.

Positive Test Scenarios:

  1. The Endaoment banner displays correctly with proper bottom padding.
  2. Project information loads successfully for projects imported from Endaoment.
  3. Images within the banner and project descriptions are displayed without any issues.
  4. The layout of the banner is responsive and adapts well to different screen sizes.

Negative Test Scenarios:

  1. The Endaoment banner has missing bottom padding causing a visual defect.
  2. Some projects imported from Endaoment have broken images leading to incomplete banner displays.
  3. The project description fails to load for certain projects impacting user information access.
  4. Banner and project information layout does not adjust properly on varying screen sizes.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 2, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Check Endaoment banner for missing bottom padding
    2) Verify project information and image loading
    3) Check for broken images in the banner and project descriptions
    4) Test responsiveness of project information on different screen sizes


  0 passing (559ms)
  4 failing

  1) Endaoment Banner UI Tests
       Check Endaoment banner for missing bottom padding:
     CypressError: `cy.visit()` failed trying to load:

URL-of-the-page-with-Endaoment-banner

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL-of-the-page-with-Endaoment-banner

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:61590/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:61590/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:61590/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:61590/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:61590/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:61590/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:61590/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:61590/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:3:7)

  2) Endaoment Banner UI Tests
       Verify project information and image loading:
     CypressError: `cy.visit()` failed trying to load:

URL-of-the-page-with-Endaoment-projects

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL-of-the-page-with-Endaoment-projects

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:61590/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:61590/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:61590/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:61590/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:61590/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:61590/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:61590/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:61590/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:8:7)

  3) Endaoment Banner UI Tests
       Check for broken images in the banner and project descriptions:
     CypressError: `cy.visit()` failed trying to load:

URL-of-the-page-with-Endaoment-projects

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL-of-the-page-with-Endaoment-projects

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:61590/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:61590/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:61590/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:61590/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:61590/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:61590/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:61590/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:61590/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:18:7)

  4) Endaoment Banner UI Tests
       Test responsiveness of project information on different screen sizes:
     CypressError: `cy.visit()` failed trying to load:

URL-of-the-page-with-Endaoment-banner

We failed looking for this file at the path:

/Users/maryamjafarimehr/projects/AI_agent/URL-of-the-page-with-Endaoment-banner

The internal Cypress web server responded with:

  > 404: Not Found
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130698:76)
      at visitFailedByErr (http://localhost:61590/__cypress/runner/cypress_runner.js:130104:12)
      at <unknown> (http://localhost:61590/__cypress/runner/cypress_runner.js:130681:13)
      at tryCatcher (http://localhost:61590/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:61590/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:61590/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (http://localhost:61590/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (http://localhost:61590/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (http://localhost:61590/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (http://localhost:61590/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:61590/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:24:7)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        4                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      4                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  4                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check Endaoment banner for missing bottom paddi               
     ng (failed).png                                                                                
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Verify project information and image loading (f               
     ailed).png                                                                                     
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Check for broken images in the banner and proje               
     ct descriptions (failed).png                                                                   
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Test responsiveness of project information on d               
     ifferent screen sizes (failed).png                                                             


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    559ms        4        -        4        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     559ms        4        -        4        -        -

View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 2, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment platform and navigate to projects imported from Endaoment.
  2. Verify the banner displayed above project information for various imported projects.
  3. Check if the bottom padding is missing from the banner element.
  4. Inspect projects to identify any broken images affecting the banner image and project description.

Positive Test Scenarios:

  1. Verify that the banner above project information displays correctly with the appropriate bottom padding for multiple projects.
  2. Confirm that the images in the banner and project description load properly without any issues for a variety of projects.

Negative Test Scenarios:

  1. Test with intentionally corrupted image files to validate how the system handles loading broken images in the banner.
  2. Verify the behavior of the platform when a project lacks necessary data for rendering the banner and project description effectively.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 10, 2025

Detailed Test Steps for UI Testing:
...

Positive Test Scenarios:
...

Negative Test Scenarios:
...

1 similar comment
@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 10, 2025

Detailed Test Steps for UI Testing:
...

Positive Test Scenarios:
...

Negative Test Scenarios:
...

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner section displaying project information.
  2. Verify the presence of bottom padding on the element.
  3. Check for any broken images in the banner section.
  4. Verify that the project description loads correctly for projects imported from Endaoment.
  5. Repeat the above steps for the provided example projects: "Homeless-Not-Toothless" and "Careers-Through-Culinary-Arts-Program (C-CAP)."

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with the appropriate bottom padding.
  2. Confirm that all project images load without any issues.
  3. Ensure that project descriptions are correctly shown for imported projects.

Negative Test Scenarios:

  1. Test scenario where the bottom padding on the Endaoment banner is intentionally removed to validate the absence of padding.
  2. Check the behavior when a project image URL is incorrect or leads to a broken image.
  3. Verify the response of the UI when a project description fails to load due to an issue with the data source.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner displayed above project information on projects imported from Endaoment.
  2. Verify the padding at the bottom of the element is correctly applied.
  3. Check for any broken images within the banner that may impact the display of project information.
  4. Inspect the specific projects mentioned - "Homeless-Not-Toothless" and "Careers-Through-Culinary-Arts-Program-(C-CAP)" for broken images and project description loading issues.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays with the correct padding at the bottom.
  2. Ensure that the project description and banner image load successfully for regular projects.
  3. Check that the project information displays correctly for projects imported from Endaoment without any issues.

Negative Test Scenarios:

  1. Test what happens when the padding at the bottom of the Endaoment banner is missing or incorrect.
  2. Validate the behavior when the banner image is broken for a project causing the project description not to load.
  3. Confirm the system's response to multiple projects with broken images causing display issues.

By following the provided structure, the UI testing plan for the described issue is detailed with test steps, positive scenarios, and negative scenarios.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner Tests
    1) Check bottom padding of Endaoment banner
    2) Check for broken images in project description


  0 passing (19s)
  2 failing

  1) Endaoment Banner Tests
       Check bottom padding of Endaoment banner:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.projectBanner .endaomentBanner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:5:13)

  2) Endaoment Banner Tests
       Check for broken images in project description:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.projectDetails img`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:11:13)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        2                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      2                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  2                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     18 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner Tests -- Check bottom padding of Endaoment banner (failed).               
     png                                                                                            
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner Tests -- Check for broken images in project description (fa               
     iled).png                                                                                      


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:18        2        -        2        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:18        2        -        2        -        -

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

Detailed Test Steps for UI Testing:

  1. Verify the element displaying the Endaoment banner for imported projects.
  2. Check the bottom padding of the Endaoment banner element.
  3. Validate the loading of project information on the banner.
  4. Confirm the presence of broken images on imported projects.
  5. Check if broken images are affecting the display of the project description.
  6. Navigate to the provided example projects URLs to search for additional occurrences of broken images.

Positive Test Scenarios:

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with the appropriate bottom padding.
  2. Confirm that project information loads successfully on the banner without any issues.
  3. Ensure that images are displayed correctly for all projects without any broken images.

Negative Test Scenarios:

Negative Test Scenarios:

  1. Simulate a scenario where the bottom padding of the Endaoment banner is missing.
  2. Intentionally introduce broken images to test the impact on the banner and project description loading.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner Tests
    1) Checks for bottom padding on the Endaoment banner element
    2) Checks for broken images in project description on the page


  0 passing (20s)
  2 failing

  1) Endaoment Banner Tests
       Checks for bottom padding on the Endaoment banner element:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.Endaoment-banner`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:5:7)

  2) Endaoment Banner Tests
       Checks for broken images in project description on the page:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `img[alt="banner-image"]`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:13:7)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        2                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      2                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  2                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     19 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner Tests -- Checks for bottom padding on the Endaoment banner                
     element (failed).png                                                                           
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner Tests -- Checks for broken images in project description on               
      the page (failed).png                                                                         


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:19        2        -        2        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:19        2        -        2        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment platform.
  2. Navigate to a project imported from Endaoment.
  3. Inspect the banner element showing above project information.
  4. Verify the presence of bottom padding in the banner element.
  5. Check for broken images in the banner area and project description.
  6. Click on the provided project links to further investigate.

Positive Test Scenarios:

  1. Verify that the banner element displays correctly with proper bottom padding.
  2. Confirm that the images in the banner load correctly for various projects.
  3. Ensure that project descriptions are visible and complete.
  4. Validate that the project links redirect to the expected pages without issues.

Negative Test Scenarios:

  1. Test with missing bottom padding in the banner element to see the effect on layout.
  2. Simulate scenarios where images are intentionally broken to observe the error handling.
  3. Verify the behavior when broken images cause the project description to fail loading.
  4. Test with incorrect project links to check error handling and redirection.

This structured response includes the requested sections based on the provided issue description. Let me know if you need further assistance!

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) "before each" hook for "Positive Scenario - Endaoment banner is displayed with consistent padding"


  0 passing (8s)
  1 failing

  1) Endaoment Banner UI Tests
       "before each" hook for "Positive Scenario - Endaoment banner is displayed with consistent padding":
     TypeError: Cannot redefine property: location

Because this error occurred during a `before each` hook we are skipping the remaining tests in the current suite: `Endaoment Banner UI Tests`
      at Function.defineProperty (<anonymous>)
      at Context.onBeforeLoad (webpack:///./cypress/integration/generatedTest.spec.js:4:13)
      at $Cy.onBeforeLoad (https://giveth.io/__cypress/runner/cypress_runner.js:130427:132)
      at $Cy.listener (https://giveth.io/__cypress/runner/cypress_runner.js:140217:17)
      at EventEmitter.emit (https://giveth.io/__cypress/runner/cypress_runner.js:140297:19)
      at parent.<computed> [as emit] (https://giveth.io/__cypress/runner/cypress_runner.js:139210:32)
      at $Cypress.action (https://giveth.io/__cypress/runner/cypress_runner.js:41641:21)
      at <unknown> (https://giveth.io/project/Homeless-Not-Toothless:1:1399)
      at <unknown> (https://giveth.io/project/Homeless-Not-Toothless:1:1440)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        6                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      5                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     8 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Positive Scenario - Endaoment banner is display               
     ed with consistent padding -- before each hook (failed).png                                    


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:08        6        -        1        -        5 │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:08        6        -        1        -        5

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Error: TestRigor test execution failed.

1 similar comment
@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Error: TestRigor test execution failed.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  ✓ should display Endaoment banner with proper bottom padding for a successfully imported project (7608ms)
  ✓ should load all project images correctly without any broken images
  1) should warn if Endaoment banner element is missing entirely from the UI
  ✓ should confirm incomplete or improper display of bottom padding for the Endaoment banner
  ✓ should detect broken images causing project details loading failure and impacting banner visibility
  ✓ should identify inconsistencies in banner display due to intermittent project image loading failures
  ✓ should check for prevalent broken images across multiple projects imported from Endaoment

  6 passing (21s)
  1 failing

  1) should warn if Endaoment banner element is missing entirely from the UI:
     AssertionError: Timed out retrying after 4000ms: expected '<div.sc-f14eb8d9-26.ikVLcW>' not to be 'empty'
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:19:51)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        7                                                                                │
  │ Passing:      6                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     21 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/should warn if Endaoment banner element is missing entirely from the UI (fai               
     led).png                                                                                       


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:21        7        6        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:21        7        6        1        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner section on the project pages.
  2. Verify the spacing and padding around the banner element.
  3. Check if the project information is displayed correctly within the banner.
  4. Confirm that the banner image and project description load properly.
  5. Inspect multiple imported projects to identify any instances of missing padding or broken images.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays with correct padding and spacing.
  2. Ensure that project information is visible and formatted correctly within the banner.
  3. Check that the banner image loads successfully along with the project description.
  4. Confirm that imported projects without issues display the banner properly.

Negative Test Scenarios:

  1. Test what happens if the bottom padding of the Endaoment banner is removed.
  2. Validate the behavior when the banner image fails to load or is broken.
  3. Ensure that the project description is still accessible even if the banner image is missing.
  4. Check how the UI handles cases where multiple projects have broken images.

By following the outlined structure, you can effectively document the test steps, positive scenarios, and negative scenarios for the given issue.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner UI Tests
    1) Positive - Verify correct padding and spacing of Endaoment banner on Homeless-Not-Toothless project
    2) Positive - Verify project information is displayed correctly in the Endaoment banner on Careers-Through-Culinary-Arts-Program project
    3) Negative - Test removing bottom padding of the Endaoment banner on Homeless-Not-Toothless project
    4) Negative - Validate behavior when the banner image is broken on Careers-Through-Culinary-Arts-Program project


  0 passing (34s)
  4 failing

  1) Endaoment Banner UI Tests
       Positive - Verify correct padding and spacing of Endaoment banner on Homeless-Not-Toothless project:

      Timed out retrying after 4000ms
      + expected - actual

      -'0px'
      +'16px'
      
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:9:53)

  2) Endaoment Banner UI Tests
       Positive - Verify project information is displayed correctly in the Endaoment banner on Careers-Through-Culinary-Arts-Program project:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.sc-uYFMi.sc-96355f65-0.jdPyGF`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:14:45)

  3) Endaoment Banner UI Tests
       Negative - Test removing bottom padding of the Endaoment banner on Homeless-Not-Toothless project:
     AssertionError: Timed out retrying after 4000ms: expected '<div.sc-f14eb8d9-26.ikVLcW>' not to have CSS property 'padding-bottom'
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:19:53)

  4) Endaoment Banner UI Tests
       Negative - Validate behavior when the banner image is broken on Careers-Through-Culinary-Arts-Program project:
     AssertionError: Timed out retrying after 4000ms: expected '/_next/image?url=%2Fimages%2Flogo%2Fendaoment-logo.png&w=48&q=75' to include 'broken-image'
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:24:100)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        4                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      4                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  4                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     33 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Positive - Verify correct padding and spacing o               
     f Endaoment banner on Homeless-Not-Toothless project (failed).png                              
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Positive - Verify project information is displa               
     yed correctly in the Endaoment banner on Careers-Through-Culinary-Arts-Program p               
     roject (failed).png                                                                            
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Negative - Test removing bottom padding of the                
     Endaoment banner on Homeless-Not-Toothless project (failed).png                                
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner UI Tests -- Negative - Validate behavior when the banner im               
     age is broken on Careers-Through-Culinary-Arts-Program project (failed).png                    


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:33        4        -        4        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:33        4        -        4        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner section on the project pages.
  2. Verify the presence of the banner containing project information.
  3. Inspect the bottom padding of the banner element.
  4. Check for any broken images within the banner.
  5. Test the loading of project descriptions along with the banner image.
  6. Validate the functionality of importing projects from Endaoment.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays project information correctly.
  2. Confirm that the banner image and project description load successfully.
  3. Test importing a project from Endaoment and validate the banner appearance.
  4. Ensure that the Endaoment banner is responsive and adjusts well on different screen sizes.
  5. Check if the banner links redirect to the correct project pages.

Negative Test Scenarios:

  1. Simulate a scenario where the bottom padding of the Endaoment banner is missing and verify the visual impact.
  2. Intentionally break an image within the banner and confirm its effect on the overall display.
  3. Disable the loading of project descriptions to test how the banner handles missing content.
  4. Try importing a project with incomplete data from Endaoment and observe the banner behavior.
  5. Check if the Endaoment banner handles long project titles or descriptions gracefully.

By following the specified structure, I have provided the requested test scenarios based on the described issue.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner Tests
    ✓ Verify the Endaoment banner displays project information correctly (7130ms)
    ✓ Confirm banner image and project description load successfully
    ✓ Import a project from Endaoment and validate the banner appearance
    ✓ Ensure the Endaoment banner is responsive and adjusts well on different screen sizes
    ✓ Check if the banner links redirect to the correct project pages

  Negative Scenarios
    ✓ Simulate a scenario with missing bottom padding on the Endaoment banner
    ✓ Break an image within the banner and confirm its effect on the overall display
    ✓ Disable loading of project descriptions and observe how the banner handles missing content
    ✓ Import a project with incomplete data from Endaoment and observe the banner behavior
    ✓ Check if the Endaoment banner handles long project titles or descriptions gracefully


  10 passing (26s)

[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        10                                                                               │
  │ Passing:      10                                                                               │
  │ Failing:      0                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  0                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     25 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✔  generatedTest.spec.js                    00:25       10       10        -        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✔  All specs passed!                        00:25       10       10        -        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Check the padding on the Endaoment banner element to verify if the bottom padding issue exists.
  2. Verify if broken images are preventing the banner image and project description from loading.
  3. Test the Endaoment banner on other projects to see if the padding issue is consistent.
  4. Check for broken images on various projects to identify the extent of the problem.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with the appropriate bottom padding.
  2. Confirm that the project information is rendered properly on projects imported from Endaoment without any broken images affecting the banner or project description.

Negative Test Scenarios:

  1. Test what happens when the Endaoment banner element has no padding at all.
  2. Verify the behavior when a project has multiple broken images that impact the banner and project description loading.

Please note that these test steps, scenarios, and edge cases are based on the specific issue described and may need to be adapted based on further investigation or requirements provided.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  1) An uncaught error was detected outside of a test

  0 passing (156ms)
  1 failing

  1) An uncaught error was detected outside of a test:
     CypressError: The following error originated from your test code, not from Cypress.

  > Cannot call `cy.visit()` outside a running test.

This usually happens when you accidentally write commands outside an `it(...)` test.

If that is the case, just move these commands inside an `it(...)` test.

Check your test file for errors.

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

Cypress could not associate this error to any specific test.

We dynamically generated a new test to display this failure.

https://on.cypress.io/cannot-execute-commands-outside-test
      at ensureRunnable (http://localhost:50873/__cypress/runner/cypress_runner.js:136737:58)
      at cy.<computed> [as visit] (http://localhost:50873/__cypress/runner/cypress_runner.js:137223:7)
      at eval (webpack:///./cypress/integration/generatedTest.spec.js:2:3)
      at eval (http://localhost:50873/__cypress/tests?p=cypress/integration/generatedTest.spec.js:40:12)
      at eval (<anonymous>)
      at <unknown> (http://localhost:50873/__cypress/runner/cypress_runner.js:110813:23)
      at tryCatcher (http://localhost:50873/__cypress/runner/cypress_runner.js:1777:23)
      at Object.gotValue (http://localhost:50873/__cypress/runner/cypress_runner.js:6446:18)
      at Object.gotAccum (http://localhost:50873/__cypress/runner/cypress_runner.js:6435:25)
      at Object.tryCatcher (http://localhost:50873/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:50873/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:50873/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromiseCtx (http://localhost:50873/__cypress/runner/cypress_runner.js:1583:10)
      at _drainQueueStep (http://localhost:50873/__cypress/runner/cypress_runner.js:2381:12)
      at _drainQueue (http://localhost:50873/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:50873/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:50873/__cypress/runner/cypress_runner.js:2256:14)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        1                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/An uncaught error was detected outside of a test (failed).png                              


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    157ms        1        -        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     157ms        1        -        1        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Navigate to the Endaoment banner displayed above project information on projects imported from Endaoment.
  2. Check the bottom padding of the element to verify if it is properly displayed.
  3. Verify the loading of the banner image and project description on projects.
  4. Check the banner image and project description for projects imported from Endaoment for proper display.
  5. Validate that broken images are handled gracefully without causing issues in the layout.

Positive Test Scenarios:

  1. Verify that the Endaoment banner has the correct bottom padding after loading.
  2. Confirm that the banner image and project description load successfully for a project imported from Endaoment.
  3. Test that all elements related to a project (banner image, project description) appear correctly on the project page.
  4. Validate that there are no broken images on project pages and everything loads properly.
  5. Ensure that projects without broken images display the banner image and project description without any issues.

Negative Test Scenarios:

  1. Verify the behavior when the bottom padding of the Endaoment banner is intentionally reduced or removed.
  2. Test how the system handles incomplete loading of the banner image or project description.
  3. Verify the UI response when a project has multiple broken images affecting the banner and description.
  4. Check the alignment and layout when a project contains large images that disrupt the display.
  5. Validate the error message or fallback content for projects with missing images causing display issues.

This structured response follows the requested format with the sections for Detailed Test Steps, Positive Test Scenarios, and Negative Test Scenarios based on the provided issue description.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner Padding Test
    ✓ Should verify the bottom padding of the Endaoment banner (6391ms)

  Banner Image and Project Description Test
    1) Should check the loading of banner image and project description

  Broken Images Handling Test
    2) Should validate the presence of broken images on the project page


  1 passing (19s)
  2 failing

  1) Banner Image and Project Description Test
       Should check the loading of banner image and project description:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.sc-uYFMi.sc-f14eb8d9-14.hUPYiQ.hISFdO`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:14:53)

  2) Broken Images Handling Test
       Should validate the presence of broken images on the project page:
     AssertionError: Timed out retrying after 4000ms: Expected to find element: `.sc-uYFMi.sc-f14eb8d9-14.hUPYiQ.hISFdO`, but never found it.
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:23:53)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        3                                                                                │
  │ Passing:      1                                                                                │
  │ Failing:      2                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  2                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     19 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Banner Image and Project Description Test -- Should check the loading of ban               
     ner image and project description (failed).png                                                 
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Broken Images Handling Test -- Should validate the presence of broken images               
      on the project page (failed).png                                                              


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:19        3        1        2        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:19        3        1        2        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Detailed Test Steps for UI Testing:

  1. Open the application and navigate to the page displaying imported projects from Endaoment.
  2. Verify the Endaoment banner displayed above the project information.
  3. Check the bottom padding of the Endaoment banner element.
  4. Verify if the project images and descriptions load correctly for each imported project.
  5. Click on the broken image URLs provided (https://giveth.io/project/Homeless-Not-Toothless and https://giveth.io/project/Careers-Through-Culinary-Arts-Program-(C-CAP)) to reproduce the broken image issue.
  6. Confirm if more imported projects exhibit the broken image issue.

Positive Test Scenarios:

  1. Verify that the Endaoment banner is displayed above the project information with the correct padding.
  2. Confirm that the project images and descriptions are loading correctly for all imported projects.
  3. Click on working project images to ensure they lead to the respective project details page.

Negative Test Scenarios:

  1. Validate the behavior if the Endaoment banner is missing or not displayed at all.
  2. Test what happens when the project images are not available or broken for multiple projects.
  3. Check the application's response to clicking on broken image URLs in scenarios where project images fail to load.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 11, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  Endaoment Banner and Project Images UI Tests
    1) Positive Test - Verify Endaoment banner padding and project images load correctly
    2) Positive Test - Click on project images to navigate to project details page
    ✓ Negative Test - Validate behavior if Endaoment banner is missing or not displayed
    3) Negative Test - Test application response to broken project images


  1 passing (24s)
  3 failing

  1) Endaoment Banner and Project Images UI Tests
       Positive Test - Verify Endaoment banner padding and project images load correctly:

      Timed out retrying after 4000ms
      + expected - actual

      -'0px'
      +'15px'
      
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:14:69)

  2) Endaoment Banner and Project Images UI Tests
       Positive Test - Click on project images to navigate to project details page:
     CypressError: Timed out retrying after 4050ms: `cy.click()` failed because this element:

`<div class="sc-f14eb8d9-26 ikVLcW"></div>`

is being covered by another element:

`<div class="sc-uYFMi sc-f14eb8d9-0 eKTtCV ePhQhE">...</div>`

Fix this problem, or use {force: true} to disable error checking.

https://on.cypress.io/element-cannot-be-interacted-with
      at ensureIsDescendent (https://giveth.io/__cypress/runner/cypress_runner.js:111922:68)
      at ensureDescendents (https://giveth.io/__cypress/runner/cypress_runner.js:111973:5)
      at ensureDescendentsAndScroll (https://giveth.io/__cypress/runner/cypress_runner.js:111979:14)
      at ensureElIsNotCovered (https://giveth.io/__cypress/runner/cypress_runner.js:112110:5)
      at runAllChecks (https://giveth.io/__cypress/runner/cypress_runner.js:112309:52)
      at retryActionability (https://giveth.io/__cypress/runner/cypress_runner.js:112346:16)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise.attempt.Promise.try (https://giveth.io/__cypress/runner/cypress_runner.js:4285:29)
      at whenStable (https://giveth.io/__cypress/runner/cypress_runner.js:142849:68)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:142790:14)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1671:18)
      at Promise._fulfill (https://giveth.io/__cypress/runner/cypress_runner.js:1615:18)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:5420:46)
  From Your Spec Code:
      at captureUserInvocationStack (https://giveth.io/__cypress/runner/cypress_runner.js:138199:94)
      at Assertion.assert (https://giveth.io/__cypress/runner/cypress_runner.js:138227:9)
      at Assertion.<anonymous> (https://giveth.io/__cypress/runner/cypress_runner.js:138169:25)
      at Assertion.overwritingPropertyGetter (https://giveth.io/__cypress/runner/cypress_runner.js:77985:37)
      at Object.proxyGetter [as get] (https://giveth.io/__cypress/runner/cypress_runner.js:77851:22)
      at exists (https://giveth.io/__cypress/runner/cypress_runner.js:142048:26)
      at elExists (https://giveth.io/__cypress/runner/cypress_runner.js:142063:10)
      at ensureExistence (https://giveth.io/__cypress/runner/cypress_runner.js:142244:22)
      at onFailFn (https://giveth.io/__cypress/runner/cypress_runner.js:142273:53)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)

  3) Endaoment Banner and Project Images UI Tests
       Negative Test - Test application response to broken project images:
     AssertionError: Timed out retrying after 4000ms: expected '[ <div.sc-96355f65-0.jdPyGF>, 1 more... ]' to have attribute 'src'
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:40:57)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        4                                                                                │
  │ Passing:      1                                                                                │
  │ Failing:      3                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  3                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     23 seconds                                                                       │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner and Project Images UI Tests -- Positive Test - Verify Endao               
     ment banner padding and project images load correctly (failed).png                             
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner and Project Images UI Tests -- Positive Test - Click on pro               
     ject images to navigate to project details page (failed).png                                   
  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Endaoment Banner and Project Images UI Tests -- Negative Test - Test applica               
     tion response to broken project images (failed).png                                            


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    00:23        4        1        3        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     00:23        4        1        3        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Feb 25, 2025

Detailed Test Steps for UI Testing:
Failed to generate test steps.

Positive Test Scenarios:
No data generated.

Negative Test Scenarios:
No data generated.

1 similar comment
@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Detailed Test Steps for UI Testing:
Failed to generate test steps.

Positive Test Scenarios:
No data generated.

Negative Test Scenarios:
No data generated.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment platform and navigate to a project imported from Endaoment.
  2. Inspect the banner element shown above the project information.
  3. Verify the presence of bottom padding in the banner element.
  4. Check if the project image and description are loading properly within the banner.
  5. Repeat the above steps for multiple projects imported from Endaoment to ensure consistency.

Positive Test Scenarios:

  1. Verify that the banner element above the project information displays correctly with proper bottom padding.
  2. Confirm that the project image and description load successfully within the banner for different projects.
  3. Ensure that all elements on the banner are aligned and displayed as expected without any discrepancies.

Negative Test Scenarios:

  1. Test with a project that has missing or broken images to check how the system handles such scenarios.
  2. Validate the behavior when the banner element has excessive padding or padding missing entirely.
  3. Verify the platform's response when loading a project with unusually long description text to check for any text overflow issues.

This structure follows the requested format with the specific section titles and content provided based on the issue description.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  1) An uncaught error was detected outside of a test

  0 passing (134ms)
  1 failing

  1) An uncaught error was detected outside of a test:
     CypressError: The following error originated from your test code, not from Cypress.

  > Cannot call `cy.visit()` outside a running test.

This usually happens when you accidentally write commands outside an `it(...)` test.

If that is the case, just move these commands inside an `it(...)` test.

Check your test file for errors.

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

Cypress could not associate this error to any specific test.

We dynamically generated a new test to display this failure.

https://on.cypress.io/cannot-execute-commands-outside-test
      at ensureRunnable (http://localhost:50362/__cypress/runner/cypress_runner.js:136737:58)
      at cy.<computed> [as visit] (http://localhost:50362/__cypress/runner/cypress_runner.js:137223:7)
      at eval (webpack:///./cypress/integration/generatedTest.spec.js:2:3)
      at eval (http://localhost:50362/__cypress/tests?p=cypress/integration/generatedTest.spec.js:34:12)
      at eval (<anonymous>)
      at <unknown> (http://localhost:50362/__cypress/runner/cypress_runner.js:110813:23)
      at tryCatcher (http://localhost:50362/__cypress/runner/cypress_runner.js:1777:23)
      at Object.gotValue (http://localhost:50362/__cypress/runner/cypress_runner.js:6446:18)
      at Object.gotAccum (http://localhost:50362/__cypress/runner/cypress_runner.js:6435:25)
      at Object.tryCatcher (http://localhost:50362/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:50362/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:50362/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromiseCtx (http://localhost:50362/__cypress/runner/cypress_runner.js:1583:10)
      at _drainQueueStep (http://localhost:50362/__cypress/runner/cypress_runner.js:2381:12)
      at _drainQueue (http://localhost:50362/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:50362/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:50362/__cypress/runner/cypress_runner.js:2256:14)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        1                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/An uncaught error was detected outside of a test (failed).png                              


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    135ms        1        -        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     135ms        1        -        1        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Detailed Test Steps for UI Testing:

  1. Open the Endaoment platform and navigate to a project imported from Endaoment.
  2. Inspect the Endaoment banner displayed above the project information.
  3. Verify the bottom padding of the banner element.
  4. Check for any broken images within the project description section.
  5. Verify if the broken images are causing issues with the banner image and project information loading properly.
  6. Check additional projects on the platform for similar display issues.

Positive Test Scenarios:

  1. User imports a project from Endaoment and the Endaoment banner is displayed correctly with proper bottom padding.
  2. User views a project from Endaoment with a project description that includes images that load successfully without any issues.

Negative Test Scenarios:

  1. Endaoment banner is missing bottom padding causing a visual defect in the display.
  2. Project description section contains broken images that result in the banner image and project details not loading correctly.

These sections follow the requested structure based on the provided issue description. Let me know if you need further assistance.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  1) An uncaught error was detected outside of a test

  0 passing (143ms)
  1 failing

  1) An uncaught error was detected outside of a test:
     CypressError: The following error originated from your test code, not from Cypress.

  > Cannot call `cy.visit()` outside a running test.

This usually happens when you accidentally write commands outside an `it(...)` test.

If that is the case, just move these commands inside an `it(...)` test.

Check your test file for errors.

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

Cypress could not associate this error to any specific test.

We dynamically generated a new test to display this failure.

https://on.cypress.io/cannot-execute-commands-outside-test
      at ensureRunnable (http://localhost:50760/__cypress/runner/cypress_runner.js:136737:58)
      at cy.<computed> [as visit] (http://localhost:50760/__cypress/runner/cypress_runner.js:137223:7)
      at eval (webpack:///./cypress/integration/generatedTest.spec.js:2:3)
      at eval (http://localhost:50760/__cypress/tests?p=cypress/integration/generatedTest.spec.js:30:12)
      at eval (<anonymous>)
      at <unknown> (http://localhost:50760/__cypress/runner/cypress_runner.js:110813:23)
      at tryCatcher (http://localhost:50760/__cypress/runner/cypress_runner.js:1777:23)
      at Object.gotValue (http://localhost:50760/__cypress/runner/cypress_runner.js:6446:18)
      at Object.gotAccum (http://localhost:50760/__cypress/runner/cypress_runner.js:6435:25)
      at Object.tryCatcher (http://localhost:50760/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (http://localhost:50760/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (http://localhost:50760/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromiseCtx (http://localhost:50760/__cypress/runner/cypress_runner.js:1583:10)
      at _drainQueueStep (http://localhost:50760/__cypress/runner/cypress_runner.js:2381:12)
      at _drainQueue (http://localhost:50760/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (http://localhost:50760/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (http://localhost:50760/__cypress/runner/cypress_runner.js:2256:14)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        1                                                                                │
  │ Passing:      0                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     0 seconds                                                                        │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/An uncaught error was detected outside of a test (failed).png                              


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    144ms        1        -        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     144ms        1        -        1        -        -

📄 View Mocha Report

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Detailed Test Steps for UI Testing:

  1. Open the application and navigate to the Endaoment banner section displaying project information.
  2. Verify visually that the element is missing bottom padding.
  3. Check the HTML/CSS code to confirm the absence of bottom padding.
  4. Ensure that the alignment and spacing of the banner elements are consistent.
  5. Test on different screen sizes to check responsiveness and padding adjustments.
  6. Verify if the issue persists across various browsers.
  7. Confirm if the issue is consistent for all projects imported from Endaoment.

Positive Test Scenarios:

  1. Verify that the Endaoment banner displays correctly with the appropriate bottom padding.
  2. Test the loading of project information and ensure the banner image and project description load successfully.
  3. Check if the broken images issue is resolved and all project images load correctly.
  4. Verify that the banner elements are aligned properly and the project information is displayed as expected.
  5. Ensure that the banner is responsive and adapts well to different screen sizes without losing padding or alignment.
  6. Confirm that all projects, including the examples provided (Homeless-Not-Toothless and Careers-Through-Culinary-Arts-Program-(C-CAP)), display the banner correctly.

Negative Test Scenarios:

  1. Test the Endaoment banner with intentionally incorrect padding values to simulate extreme cases.
  2. Check the behavior of the banner when the project information is incomplete or missing.
  3. Intentionally introduce broken image links to verify how the application handles such scenarios.
  4. Verify the banner's appearance and functionality when the network connection is poor or unavailable.
  5. Test the banner behavior when the page is slow to load, and ensure that it doesn't impact the display of project information.
  6. Confirm the handling of unexpected errors related to the Endaoment banner and project images.

@maryjaf
Copy link
Collaborator Author

maryjaf commented Mar 10, 2025

Test Results Table:


====================================================================================================

  (Run Starting)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Cypress:        14.0.0                                                                         │
  │ Browser:        Electron 130 (headless)                                                        │
  │ Node Version:   v23.0.0 (/Users/maryamjafarimehr/.nvm/versions/node/v23.0.0/bin/node)          │
  │ Specs:          1 found (generatedTest.spec.js)                                                │
  │ Searched:       cypress/integration/**/*.spec.js                                               │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


────────────────────────────────────────────────────────────────────────────────────────────────────
                                                                                                    
  Running:  generatedTest.spec.js                                                           (1 of 1)


  1) Verify the presence of bottom padding on Endaoment banner
  ✓ Verify the loading of project information and images on Endaoment banner

  1 passing (1m)
  1 failing

  1) Verify the presence of bottom padding on Endaoment banner:
     CypressError: Timed out after waiting `60000ms` for your remote page to load.

Your page did not fire its `load` event within `60000ms`.

You can try increasing the `pageLoadTimeout` value in `cypress.config.js` to wait longer.

Browsers will not fire the `load` event until all stylesheets and scripts are done downloading.

When this `load` event occurs, Cypress will continue running commands.
      at timedOutWaitingForPageLoad (https://giveth.io/__cypress/runner/cypress_runner.js:129737:64)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:130731:16)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at <unknown> (https://giveth.io/__cypress/runner/cypress_runner.js:4156:41)
      at tryCatcher (https://giveth.io/__cypress/runner/cypress_runner.js:1777:23)
      at Promise._settlePromiseFromHandler (https://giveth.io/__cypress/runner/cypress_runner.js:1489:31)
      at Promise._settlePromise (https://giveth.io/__cypress/runner/cypress_runner.js:1546:18)
      at Promise._settlePromise0 (https://giveth.io/__cypress/runner/cypress_runner.js:1591:10)
      at Promise._settlePromises (https://giveth.io/__cypress/runner/cypress_runner.js:1667:18)
      at _drainQueueStep (https://giveth.io/__cypress/runner/cypress_runner.js:2377:12)
      at _drainQueue (https://giveth.io/__cypress/runner/cypress_runner.js:2370:9)
      at Async._drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2386:5)
      at Async.drainQueues (https://giveth.io/__cypress/runner/cypress_runner.js:2256:14)
  From Your Spec Code:
      at Context.eval (webpack:///./cypress/integration/generatedTest.spec.js:6:5)



[mochawesome] Report JSON saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.json

[mochawesome] Report HTML saved to /Users/maryamjafarimehr/projects/AI_agent/cypress/reports/mochawesome.html


  (Results)

  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ Tests:        2                                                                                │
  │ Passing:      1                                                                                │
  │ Failing:      1                                                                                │
  │ Pending:      0                                                                                │
  │ Skipped:      0                                                                                │
  │ Screenshots:  1                                                                                │
  │ Video:        false                                                                            │
  │ Duration:     1 minute, 6 seconds                                                              │
  │ Spec Ran:     generatedTest.spec.js                                                            │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘


  (Screenshots)

  -  /Users/maryamjafarimehr/projects/AI_agent/cypress/screenshots/generatedTest.spec    (2560x1440)
     .js/Verify the presence of bottom padding on Endaoment banner (failed).png                     


====================================================================================================

  (Run Finished)


       Spec                                              Tests  Passing  Failing  Pending  Skipped  
  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
  │ ✖  generatedTest.spec.js                    01:06        2        1        1        -        - │
  └────────────────────────────────────────────────────────────────────────────────────────────────┘
    ✖  1 of 1 failed (100%)                     01:06        2        1        1        -        -

📄 View Mocha Report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
User Story
Projects
Giveth Development
Status: New Issues
Milestone
No milestone
Development

No branches or pull requests
2 participants
@kkatusic @maryjaf