from .base import FunctionalTest
from .note_page import NotePage


class LayoutAndStylingTest(FunctionalTest):
    def test_layout_and_styling(self):
        self.create_pre_authenticated_session("disco@test.io")
        self.browser.get(self.live_server_url)
        note_page = NotePage(self)

        self.browser.set_window_size(1024, 768)

        def section_center(el):
            return self.browser.execute_script("""
                var el = arguments[0];
                var ancestor = el.parentElement;
                while (ancestor && ancestor.tagName !== 'SECTION'
                       && !ancestor.classList.contains('container')) {
                    ancestor = ancestor.parentElement;
                }
                var s = (ancestor || document.body).getBoundingClientRect();
                var r = arguments[0].getBoundingClientRect();
                return [r.x + r.width / 2, s.x + s.width / 2];
            """, el)

        inputbox = note_page.get_item_input_box()
        input_c, section_c = section_center(inputbox)
        self.assertAlmostEqual(input_c, section_c, delta=10)

        note_page.add_note_item("testing")
        inputbox = note_page.get_item_input_box()
        input_c, section_c = section_center(inputbox)
        self.assertAlmostEqual(input_c, section_c, delta=10)