[tests][cypress] Edit Organization's Image

[elraphty]

Context

Currently, we have a cypress command to create an organization we want to assert that we can edit an organization's image.

So what we want to do is use Login User to create a user profile, click on the user icon, click on the Add Organization button and create an organization, then click on the Edit button of the newly created organization which will open the Edit Modal page then edit the organization image.

File to create

sphinx-tribes-frontend/cypress/e2e/27_editOrgImage.cy.ts
there will be modifications to sphinx-tribes-frontend/cypress/support/commands.ts

Acceptance Criteria

• Given a user is signed in
• Click on the User profile icon/username, to lead you to the user profile
• Click on the Organizations tabs
• Click on the Add Organization button
• Create an organization
• Click on the Manage button on the newly created organization
• Click on the Edit button
• Update the organization's image.
• Close the edit modal
• Assert that the organization's image was changed and it is visible.

The Edit Organization modal is shown below

• I have rebased and tested locally before submitting my PR
• I can submit a PR within 2 days of taking the bounty

References

Example cypress test
https://github.com/stakwork/sphinx-tribes-frontend/blob/master/cypress/e2e/0_create_bounty.cy.ts

[MahtabBukhari]

@elraphty could you assign me? I have step up project locally but i have not assign task . So, please assign me.

[AbdulWahab3181]

Could you please assign me?

[elraphty]

@AbdulWahab3181 you can take this

[elraphty]

@elraphty could you assign me? I have step up project locally but i have not assign task . So, please assign me.

Okay, will assign the next one.

[AbdulWahab3181]

@AbdulWahab3181 you can take this

Thanks

[elraphty]

@AbdulWahab3181 I will change this to blocked for now, we can't add the AWS keys for security reasons.

[cybercraftsolutionsllc]

Submitted PR: #1611

Added Cypress coverage for editing an organization/workspace image:

• creates a workspace
• opens the workspace edit modal
• uploads an in-memory PNG through #file-input
• verifies the selected image preview appears
• saves the workspace update and asserts the success toast

Validation:

• npx tsc --noEmit --target es2015 --types cypress,node --moduleResolution node cypress\global.d.ts cypress\e2e\27_editOrganizationImage.cy.ts
• npx eslint cypress\e2e\27_editOrganizationImage.cy.ts --max-warnings 100
• git diff --check