-
-
Notifications
You must be signed in to change notification settings - Fork 3
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.
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
Virtual screen reader interactivity? #44
Comments
In theory both should work 😅 sounds like have missed a trick somewhere! Can you provide a minimal repro? (Though admittedly sounds like a hello world would suffice… just not so familiar with Vue these days) |
Hi @DarrenXu94 👋 Please see https://github.com/guidepup/virtual-screen-reader/blob/main/examples/vue/src/__tests__/IncrementCounter.spec.ts as an example of writing a Virtual Screen Reader test with an interactive Vue component. As far as I could tell everything was working as expected. If you have specific issues, or an example that isn't working, happy to take a look and potentially reopen the issue. |
Hi there, I have created a playground with the component to test here I am running this test against it
Basically what should happen is it debounces the announcement for chars remaining. When using NVDA I get the result When I log out the spokenPhraseLog it just returns Any ideas? |
Hi @DarrenXu94 I've mirrored your example with working tests as a new example, see https://github.com/guidepup/virtual-screen-reader/blob/main/examples/vue/src/__tests__/TextAreaCounter.spec.ts You test logic was flawed in that it doesn't take into account the 1 second delay of the debounce you have put in place - you are getting the spoken phrase log before the time ellapses to actually update your hidden live region. |
Ah I believe that is a small bug that was fixed in If you upgrade to the latest the snapshots should hopefully match the examples. |
Hi there, sorry another issue with a slightly more complex example In this case I'm opening a modal using tab and enter keys. The modal has the role dialog and focuses on the exit button when it's open. The expected behaviour is when the focus is within a dialog it announces 'dialog' and the title. This is the test I'm running against it
and the result is so I see the modal is open and the button has focus because 'button, Exit' is announced, but no announcement for the dialog. Sorry for being annoying and asking so many questions but I am very excited for using this library |
Hey @DarrenXu94 For this particular example see |
Ok, see |
Hi there,
Great initiative and great library! I am trying to use virtual-screen-reader with my Vue components and testing-library. Is it possible to have events from JS or interactive elements captured? I've noticed
fireEvent
from'@testing-library/vue'
doesn't change anything and neither doesvirtual.press('Enter')
. Not sure if it's possible but I don't see any examples.Thanks!
The text was updated successfully, but these errors were encountered: