// Ensures that the font serif change is working as expected.
go-to: "file://" + |DOC_PATH| + "/test_docs/index.html"

// By default, it should be the serif fonts.
store-value: (serif_font, '"Source Serif 4", NanumBarunGothic, serif')
store-value: (serif_code_font, '"Source Code Pro", monospace')
assert-css: ("body", {"font-family": |serif_font|})
assert-css: ("p code", {"font-family": |serif_code_font|})

// We now switch to the sans serif font
click: "#settings-menu"
wait-for: "#sans-serif-fonts"
click: "#sans-serif-fonts"

store-value: (font, '"Fira Sans", sans-serif')
store-value: (code_font, '"Fira Mono", monospace')
assert-css: ("body", {"font-family": |font|})
assert-css: ("p code", {"font-family": |code_font|})

// Reloading the page to ensure it is loaded correctly.
reload:
assert-css: ("body", {"font-family": |font|})
assert-css: ("p code", {"font-family": |code_font|})

// We switch back to the serif font
click: "#settings-menu"
wait-for: "#sans-serif-fonts"
click: "#sans-serif-fonts"

assert-css: ("body", {"font-family": |serif_font|})
assert-css: ("p code", {"font-family": |serif_code_font|})