| """A button whose action takes time shows it (work-tabs-and-hints 1.1), in a real browser.""" |
| import pytest |
|
|
| playwright = pytest.importorskip("playwright.sync_api") |
|
|
| from mathly2.tests.serve import offline_formulas, running |
| from mathly2.tests.test_written_browser import (DESKTOP, KID, PHONE, TEACHER, bank, browser, day, jpeg, one_assignment, sign_in, teacher_work, world) |
|
|
| OBSERVER = """ |
| window.__everBusy = false; |
| new MutationObserver(() => { if (document.querySelector('.busy')) window.__everBusy = true; }).observe(document, { subtree: true, attributes: true, attributeFilter: ['class'] }); |
| """ |
|
|
|
|
| def hold(page, pattern): |
| """Hold every request that matches until `release()`; returns (held list, release function).""" |
| held = [] |
| page.route(pattern, lambda route: held.append(route)) |
| return held, lambda: [r.continue_() for r in list(held)] and held.clear() |
|
|
|
|
| def test_a_plain_button_shows_a_spinner_after_a_moment_ignores_a_second_press_and_clears_after_success(browser, bank): |
| app, store, row = one_assignment(bank) |
| with running(app) as url: |
| page = sign_in(browser, url, where=f"#/assignment/{row['id']}") |
| page.wait_for_selector("#answer") |
| page.set_input_files("[data-file=upload]", files=[{"name": "a.jpg", "mimeType": "image/jpeg", "buffer": jpeg()}]) |
| page.wait_for_selector("#draft li[data-picture-id]") |
| held, release = hold(page, "**/api/assignments/*/submission") |
| page.click("#hand-in") |
| page.wait_for_selector("#hand-in.busy") |
| assert page.get_attribute("#hand-in", "aria-busy") == "true" |
| page.click("#hand-in", force=True) |
| page.wait_for_timeout(300) |
| assert len(held) == 1 |
| release() |
| page.wait_for_selector("#assignment[data-state='handed_in']") |
| assert page.locator(".busy").count() == 0 |
|
|
|
|
| def test_a_forms_submit_button_shows_it_too_and_a_quick_action_never_does(browser, bank): |
| app, store, klass, lessons = world(bank) |
| with running(app) as url: |
| page = offline_formulas(browser.new_page(viewport=DESKTOP)) |
| page.add_init_script(OBSERVER) |
| page.goto(url) |
| page.fill("#email", TEACHER) |
| page.click("#dev button") |
| page.wait_for_selector("#teaching") |
| page.click("#teacher-tabs [data-tab='tests']") |
| page.wait_for_selector("#tests") |
| page.click(".set-test summary") |
| page.fill("[name=date]", day(10).isoformat()) |
| held, release = hold(page, "**/api/classes/*/tests") |
| page.click(".set-test button[type=submit]") |
| page.wait_for_selector(".set-test button[type=submit].busy") |
| release() |
| page.wait_for_selector(".test-row") |
| assert page.locator(".busy").count() == 0 |
| page.evaluate("window.__everBusy = false") |
| page.click("#teacher-tabs [data-tab='classes']") |
| page.wait_for_selector("#teaching") |
| page.click("#teacher-tabs [data-tab='tests']") |
| page.wait_for_selector("#tests") |
| assert page.evaluate("window.__everBusy") is False |
|
|
|
|
| def test_a_picture_upload_from_a_file_chooser_marks_its_button(browser, bank): |
| app, store, row = one_assignment(bank) |
| with running(app) as url: |
| page = sign_in(browser, url, where=f"#/assignment/{row['id']}") |
| page.wait_for_selector("#answer") |
| held, release = hold(page, "**/api/pictures") |
| page.set_input_files("[data-file=upload]", files=[{"name": "a.jpg", "mimeType": "image/jpeg", "buffer": jpeg()}]) |
| page.wait_for_selector("label.file.busy") |
| release() |
| page.wait_for_selector("#draft li[data-picture-id]") |
| assert page.locator("label.file.busy").count() == 0 |
|
|
|
|
| def test_with_reduced_motion_the_button_shows_dots_and_nothing_turns(browser, bank): |
| app, store, row = one_assignment(bank) |
| with running(app) as url: |
| page = sign_in(browser, url, where=f"#/assignment/{row['id']}", reduced_motion="reduce") |
| page.wait_for_selector("#answer") |
| page.set_input_files("[data-file=upload]", files=[{"name": "a.jpg", "mimeType": "image/jpeg", "buffer": jpeg()}]) |
| page.wait_for_selector("#draft li[data-picture-id]") |
| held, release = hold(page, "**/api/assignments/*/submission") |
| page.click("#hand-in") |
| page.wait_for_selector("#hand-in.busy") |
| assert page.evaluate("getComputedStyle(document.querySelector('#hand-in'), '::after').content") == '"…"' |
| assert page.evaluate("document.getAnimations().filter(a => a.animationName === 'ex-spin').length") == 0 |
| release() |
| page.wait_for_selector("#assignment[data-state='handed_in']") |
|
|
|
|
| def test_the_state_clears_after_an_error_and_the_exercise_choices_keep_their_own_indicator(browser, bank): |
| app, store, row = one_assignment(bank) |
| with running(app) as url: |
| page = sign_in(browser, url, where=f"#/assignment/{row['id']}") |
| page.wait_for_selector("#answer") |
| page.set_input_files("[data-file=upload]", files=[{"name": "a.jpg", "mimeType": "image/jpeg", "buffer": jpeg()}]) |
| page.wait_for_selector("#draft li[data-picture-id]") |
| held = [] |
| page.route("**/api/assignments/*/submission", lambda route: held.append(route)) |
| page.click("#hand-in") |
| page.wait_for_selector("#hand-in.busy") |
| held[0].fulfill(status=500, body='{"detail": "x"}', content_type="application/json") |
| page.wait_for_selector("#add-error:not([hidden])") |
| assert page.locator(".busy").count() == 0 and not page.is_disabled("#hand-in") |
|
|
