In my HTML code, the attributes of buttons (such as "AAAAA") will change based on external events. This real-time update is achieved through AJAX pooling.
<div class="parent">
<div class="group"><button title="AAAAA"/></div>
<div class="group"><button title="BBBBB"/></div>
<div class="group"><button title="CCCCC"/></div>
</div>
<div class="parent">
...
</div>
For example, let's say "AAAAA" transitions to "DDDDD" after an event labeled XXX. The testing script would be something like this:
scenario 'test' do
# Before change
page.within(first('.parent')) do
page.within(all('.group')[0]) do
expect(page.find('button')[:title]).to include('AAAAA')
end
page.within(all('.group')[1]) do
expect(page.find('button')[:title]).to include('BBBBB')
end
page.within(all('.group')[2]) do
expect(page.find('button')[:title]).to include('CCCCC')
end
end
XXX
# After change (AJAX polling)
page.within(first('.parent')) do
page.within(all('.group')[0]) do
expect(page.find('button')[:title]).to include('DDDDD')
end
end
However, this approach does not work because
expect(page.find('button')[:title]).to include('DDDDD')sleep(20) after XXX makes the test work, but that is not the recommended Capybara way.
I am seeking a more efficient and effective solution to handle this scenario properly. Any assistance is greatly appreciated.