Skip to content
This repository has been archived by the owner on Sep 18, 2024. It is now read-only.

[Issue #74]: Pa11y API setup #99

Merged
merged 3 commits into from
Jun 21, 2024
Merged

Conversation

btabaska
Copy link
Collaborator

@btabaska btabaska commented Jun 20, 2024

Summary

Fixes #{74}

Time to review: 3 mins

Changes proposed

Added API setup to PA11y
Updated Pa11y runtime to enable FF for search

Context for reviewers

FF requirement was discovered with Ryan while exploring feature. Will enable the search page for proper testing
• svg elements with an img role have an alternative text (https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

(html)

• svg elements with an img role have an alternative text (https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

(html)

## Additional information >Two new errors found now that API results are loading. ![desktop-main-view](https://github.com/navapbc/simpler-grants-gov/assets/29316916/f13859bd-87a7-466d-a20b-e86a9dbe71e5)

Copy link

github-actions bot commented Jun 20, 2024

Coverage report for ./frontend

St.
Category Percentage Covered / Total
🟢 Statements 83.87% 879/1048
🟡 Branches 68.25% 230/337
🟡 Functions 76.11% 172/226
🟢 Lines 83.45% 827/991

Test suite run success

175 tests passing in 57 suites.

Report generated by 🧪jest coverage report action from 79ba97e

@btabaska btabaska requested a review from rylew1 June 20, 2024 16:02
run: |
cd ../api
make init db-seed-local start &
cd ..frontend
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need cd ../frontend with a slash - I think that's the only different b/w this workflow step and the one on ci-frontend-e2e.yml

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is no functional difference between ..frontend and ../frontend. Up to you if you want that semantic change

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was causing an issue and you were right. No difference in fish shell, likely a difference in our CI/CD pipeline. My mistake

@@ -8,6 +8,9 @@
"ignoreHTTPSErrors": true,
"args": ["--disable-dev-shm-usage", "--no-sandbox"]
},
"headers": {
"Cookie": "_ff={%22showSearchV0%22:true}"
},
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool - does this work? If it's possible to pause the execution on the search test showing that we're actually getting the search page with all the results - that would be good.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is actually the only way that it works. The idea we had of going to the FF page and clicking didn't work because it would execute on every loop and cause the test to stay on the FF page.

The last page we go to is the search page, which has all the results. You can verify it on this branch. it will be the last saved screenshot with all the tests. I attached a screenshot to this PR.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I see it's just a link in the description - cool looks good!

@@ -8,6 +8,9 @@
"ignoreHTTPSErrors": true,
"args": ["--disable-dev-shm-usage", "--no-sandbox"]
},
"headers": {
"Cookie": "_ff={%22showSearchV0%22:true}"
},
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@@ -8,6 +8,9 @@
"ignoreHTTPSErrors": true,
"args": ["--disable-dev-shm-usage", "--no-sandbox"]
},
"headers": {
"Cookie": "_ff={%22showSearchV0%22:true}"
},
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I see it's just a link in the description - cool looks good!

@rylew1
Copy link
Collaborator

rylew1 commented Jun 21, 2024

nit: You might link the issue properly in the PR description

#74

@btabaska btabaska merged commit 4c1f78e into main Jun 21, 2024
18 checks passed
@btabaska btabaska deleted the btabaska/74-pally-ci-api-setup branch June 21, 2024 20:39
acouch pushed a commit that referenced this pull request Sep 18, 2024
Fixes #{74}

> Added API setup to PA11y
> Updated Pa11y runtime to enable FF for search

> FF requirement was discovered with Ryan while exploring feature. Will
enable the search page for proper testing
> • svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>

• svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>
>Two new errors found now that API results are loading.

![desktop-main-view](https://github.com/navapbc/simpler-grants-gov/assets/29316916/f13859bd-87a7-466d-a20b-e86a9dbe71e5)
acouch pushed a commit that referenced this pull request Sep 18, 2024
Fixes #{74}

> Added API setup to PA11y
> Updated Pa11y runtime to enable FF for search

> FF requirement was discovered with Ryan while exploring feature. Will
enable the search page for proper testing
> • svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>

• svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>
>Two new errors found now that API results are loading.

![desktop-main-view](https://github.com/navapbc/simpler-grants-gov/assets/29316916/f13859bd-87a7-466d-a20b-e86a9dbe71e5)
acouch pushed a commit to HHS/simpler-grants-gov that referenced this pull request Sep 18, 2024
Fixes #{74}

> Added API setup to PA11y
> Updated Pa11y runtime to enable FF for search

> FF requirement was discovered with Ryan while exploring feature. Will
enable the search page for proper testing
> • svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>

• svg elements with an img role have an alternative text
(https://dequeuniversity.com/rules/axe/4.2/svg-img-alt?application=axeAPI)

   (html)

   <html lang="en"><head><meta charset="utf-8"><me...</html>
>Two new errors found now that API results are loading.

![desktop-main-view](https://github.com/navapbc/simpler-grants-gov/assets/29316916/f13859bd-87a7-466d-a20b-e86a9dbe71e5)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants