Contacts
========

    >>> browser = Browser('manager', 'schooltool')
    >>> browser.getLink('Manage').click()

    >>> from schooltool.basicperson.browser.ftests.setup import addPerson
    >>> addPerson('Bill', 'Student', 'student', 'pwd')

Let's try and add a contact:

    >>> browser.getLink('Contacts').click()
    >>> browser.getLink('New Contact').click()

    >>> browser.getControl('Prefix').value = 'Mr'
    >>> browser.getControl('First name').value = 'John'
    >>> browser.getControl('Middle name').value = 'J'
    >>> browser.getControl('Last name').value = 'Manager'
    >>> browser.getControl('Suffix').value = 'Jr'
    >>> browser.getControl('Address line 1').value = 'Frog lane 13'
    >>> browser.getControl('Address line 2').value = ''
    >>> browser.getControl('City').value = 'Toadtown'
    >>> browser.getControl('State').value = 'Arizona'
    >>> browser.getControl('Country').value = 'USA'
    >>> browser.getControl('Postal code').value = '556677'
    >>> browser.getControl('Email').value = 'john@example.com'
    >>> browser.getControl('Home phone').value = '055555555'
    >>> browser.getControl('Work phone').value = '066666666'
    >>> browser.getControl('Mobile phone').value = '077777777'
    >>> browser.getControl('Language').value = 'Lithuanian'

    >>> browser.getControl('Add').click()

After adding a contact we get redirected to the contact list.  Note
that the list is also populated with existing user contact
information.  Contacts of existing users have no deletion checkboxes.

    >>> browser.printQuery("id('content-body')/form/table/tbody//tr")
    <tr class="odd"><td>
        </td>
        <td>
          <a href="http://localhost/persons/student/contact">Student</a>
        </td>
        <td>
          <a href="http://localhost/persons/student/contact">Bill</a>
        </td>
    </tr>
    <tr class="even"><td>
        </td>
        <td>
          <a href="http://localhost/persons/manager/contact">Manager</a>
        </td>
        <td>
          <a href="http://localhost/persons/manager/contact">Default</a>
        </td>
    </tr>
    <tr class="odd"><td>
          <input type="checkbox" name="delete.contacts.Contact-..."
                                 id="delete.contacts.Contact-..." /></td>
        <td>
          <a href="http://localhost/contacts/Contact">Manager</a>
        </td>
        <td>
          <a href="http://localhost/contacts/Contact">John</a>
        </td>
    </tr>

If you click on the contact and click edit - you can change the
information:

    >>> browser.getLink('John').click()
    >>> browser.getLink('Edit').click()
    >>> browser.getControl('Email').value = 'johny@example.com'
    >>> browser.getControl('Apply').click()
    >>> browser.printQuery("id('form')//div[@class='summary']")
    <div class="summary">Data successfully updated.</div>

We can see that the new data is in the Display view of the contact:

    >>> browser.getLink('View').click()
    >>> browser.printQuery("id('form-widgets-email')")
    <span id="form-widgets-email" class="text-widget textline-field">johny@example.com</span>

The "Contacts" action button in "Home" takes us to contacts overview page.

    >>> browser.getLink('Home').click()
    >>> browser.getLink('Contacts').click()
    >>> browser.printQuery("id('content-body')")
    <div id="content-body">
      <h1>Contact information for
          <a href="http://localhost/persons/manager">Default Manager</a>
      </h1>
      <div class="info-block">
      </div>
    </div>

We can add contacts directly to persons:

    >>> browser.getLink('Manage Contacts').click()
    >>> browser.getLink('Create new contact').click()

    >>> browser.getControl('First name').value = 'Peter'
    >>> browser.getControl('Last name').value = 'Peterson'
    >>> browser.getControl('Address line 1').value = 'Frog lane 14'
    >>> browser.getControl('City').value = 'Toadtown'
    >>> browser.getControl('Email').value = 'peter@example.com'

    >>> relationship = browser.getControl('Relationship')
    >>> relationship.value = ['parent']

    >>> browser.getControl('Add').click()

And attach existing contact entries to a person as well:

    >>> browser.getLink('Home').click()
    >>> browser.getLink('Contacts').click()
    >>> browser.getLink('Manage Contacts').click()
    >>> # quick css check for the neutral buttons
    >>> browser.printQuery('//input[@value="Invert Selection" or @value="OK"]/@class')
    button-neutral
    button-neutral
    button-neutral

    >>> browser.getControl('Manager').click()
    >>> browser.getControl('Assign').click()

Both contacts should be assigned now:

    >>> browser.printQuery("id('content-body')/form/fieldset[1]//thead//th//text()")
    <BLANKLINE>
    Last Name
    First Name
    Relationship

    >>> browser.printQuery("id('content-body')/form/fieldset[1]//tbody//tr")
    <tr class="odd"><td>
          <input type="checkbox" name="remove_item.contacts.Contact-..." id="remove_item.contacts.Contact-..." /></td>
        <td>
          <label for="remove_item.contacts.Contact-...">Manager</label>
        </td>
        <td>
          <a href="http://localhost/contacts/Contact">John</a>
        </td>
        <td>
        </td>
    </tr>
    <tr class="even"><td>
          <input type="checkbox" name="remove_item.contacts.Contact-2-..." id="remove_item.contacts.Contact-2-..." /></td>
        <td>
          <label for="remove_item.contacts.Contact-2-...">Peterson</label>
        </td>
        <td>
          <a href="http://localhost/contacts/Contact-2">Peter</a>
        </td>
        <td>
          Parent
        </td>
    </tr>

We can see them in the overview page also.

    >>> browser.getLink('Home').click()
    >>> browser.getLink('Contacts').click()

    >>> browser.printQuery("id('content-body')")
    <div id="content-body">
      <h1>Contact information for
          <a href="http://localhost/persons/manager">Default Manager</a>
      </h1>
      <div class="info-block">
      </div>
      <br /><h1>Contacts</h1>
      <br /><div>
      <div class="person-info">
        <fieldset><div class="person-info">
          <h2> Parent, Peter Peterson </h2>
          <a href="http://localhost/contacts/Contact-2">(View Details)</a>
          <div class="info-block">
            <h4>Address</h4>
            <p>Frog lane 14, Toadtown</p>
            <h4>Email</h4>
            <p>peter@example.com</p>
          </div>
          </div>
        </fieldset></div>
      </div>
      <div>
      <div class="person-info">
        <fieldset><div class="person-info">
          <h2> Mr John J Manager Jr </h2>
          <a href="http://localhost/contacts/Contact">(View Details)</a>
          <div class="info-block">
            <h4>Address</h4>
            <p>Frog lane 13, Toadtown, Arizona, USA, 556677</p>
            <h4>Email</h4>
            <p>johny@example.com</p>
            <h4>Phones</h4>
            <p>
                <span>055555555 (Home phone)</span>,&#160;
                <span>066666666 (Work phone)</span>,&#160;
                <span>077777777 (Mobile phone)</span>
            </p>
            <h4>Spoken Languages</h4>
            <p>Lithuanian</p>
          </div>
          </div>
        </fieldset></div>
      </div>
    </div>

Contacts can be assigned to multiple persons.

    >>> browser.getLink('Manage').click()
    >>> browser.getLink('Persons').click()
    >>> browser.getLink('Student').click()
    >>> browser.getLink('Contacts').click()
    >>> browser.getLink('Manage Contacts').click()

    >>> browser.getControl('Clear').click()

    >>> browser.getControl('Manager', index=1).click()
    >>> browser.getControl('Assign').click()

Now we can see two persons when we navigate to contact's view.

    >>> browser.getLink(url='Contact').click()

    >>> browser.printQuery("id('content-body')//form//fieldset//div")
    <BLANKLINE>
    ...
    ...First name...
    ...John...
    ...Last name...
    ...Manager...
    ...
    <div class="row">
      Contact of
      <a href="http://localhost/persons/manager">Default Manager</a>
    </div>
    <div class="row">
      Contact of
      <a href="http://localhost/persons/student">Bill Student</a>
    </div>

Let's change the relationship with Bill.

    >>> browser.getLink('Edit').click()

    >>> relationship = browser.getControl('Relationship', index=1)
    >>> relationship.value = ['parent']
    >>> browser.getControl('Apply').click()

    >>> browser.getLink('View').click()
    >>> browser.printQuery("id('content-body')//form//fieldset//div")
    <BLANKLINE>
    ...
    <div class="row">
      Contact of
      <a href="http://localhost/persons/manager">Default Manager</a>
    </div>
    <div class="row">
      Parent of
      <a href="http://localhost/persons/student">Bill Student</a>
    </div>

Let's test contact deletion.

    >>> def listCheckboxNames(browser):
    ...     return analyze.queryHTML(
    ...         "id('content-body')//input[@type='checkbox']/@name",
    ...         browser.contents)

    >>> browser.getLink('Manage').click()
    >>> browser.getLink('Contacts').click()

    >>> names = listCheckboxNames(browser)
    >>> names
    ['delete.contacts.Contact-...', 'delete.contacts.Contact-2-...']

    >>> browser.getControl(name=names[0]).value = True
    >>> browser.getControl(name=names[1]).value = True
    >>> browser.getControl('Delete').click()
    >>> browser.printQuery("//title | //form/li | //input[@type='hidden']")
    <title> Delete items </title>
    <li>
      <span>John</span>
      <a href="http://localhost/contacts/Contact">Manager</a>
    </li>
    <li>
      <span>Peter</span>
      <a href="http://localhost/contacts/Contact-2">Peterson</a>
    </li>
    <input type="hidden" name="delete.contacts.Contact-..." />
    <input type="hidden" name="delete.contacts.Contact-2-..." />

We can cancel deletion and navigate back to the contact list.

    >>> browser.getControl('Cancel').click()
    >>> browser.printQuery("//title")
    <title>Contact index</title>

    >>> names = listCheckboxNames(browser)
    >>> names
    ['delete.contacts.Contact-...', 'delete.contacts.Contact-2-...']

    >>> browser.getControl(name=names[0]).value = False
    >>> browser.getControl(name=names[1]).value = True
    >>> browser.getControl('Delete').click()
    >>> browser.printQuery("//form/li | //input[@type='hidden']")
    <li>
      <span>Peter</span>
      <a href="http://localhost/contacts/Contact-2">Peterson</a>
    </li>
    <input type="hidden" name="delete.contacts.Contact-2-..." />

Confirm deletion of Peter Peterson.

    >>> browser.getControl('Confirm').click()
    >>> browser.printQuery("//form//tbody//tr")
    <tr class="odd"><td>
        </td>
        <td>
          <a href="http://localhost/persons/student/contact">Student</a>
        </td>
        <td>
          <a href="http://localhost/persons/student/contact">Bill</a>
        </td>
    </tr>
    <tr class="even"><td>
        </td>
        <td>
          <a href="http://localhost/persons/manager/contact">Manager</a>
        </td>
        <td>
          <a href="http://localhost/persons/manager/contact">Default</a>
        </td>
    </tr>
    <tr class="odd"><td>
          <input type="checkbox" name="delete.contacts.Contact-..."
                                 id="delete.contacts.Contact-..." /></td>
        <td>
          <a href="http://localhost/contacts/Contact">Manager</a>
        </td>
        <td>
          <a href="http://localhost/contacts/Contact">John</a>
        </td>
    </tr>


Let's enter the contact information of an existing system user -
Default Manager.

    >>> browser.getLink('Home').click()
    >>> browser.getLink('Contacts').click()
    >>> browser.getLink('Edit').click()
    >>> browser.getControl('Address line 1').value = 'Bog lane 27'
    >>> browser.getControl('Address line 2').value = ''
    >>> browser.getControl('City').value = 'Toadtown'
    >>> browser.getControl('State').value = 'Arizona'
    >>> browser.getControl('Country').value = 'USA'
    >>> browser.getControl('Postal code').value = '556677'
    >>> browser.getControl('Home phone').value = '0222222222'
    >>> browser.getControl('Apply').click()

    >>> browser.getLink('View').click()
    >>> browser.printQuery("id('content-body')")
    <div id="content-body">
      <h1>Contact information for
        <a href="http://localhost/persons/manager">Default Manager</a>
      </h1>
      <div class="info-block">
        <h4>Address</h4>
        <p>Bog lane 27, Toadtown, Arizona, USA, 556677</p>
        <h4>Phones</h4>
        <p>
            <span>0222222222 (Home phone)</span>
        </p>
      </div>
      <br /><h1>Contacts</h1>
    ...

And assign Default Manager user as contact of a student.

    >>> browser.getLink('Manage').click()
    >>> browser.getLink('Persons').click()
    >>> browser.getLink('Student').click()

    >>> browser.getLink('Contacts').click()
    >>> browser.getLink('Manage Contacts').click()

    >>> browser.getControl('Clear').click()
    >>> browser.getControl('Manager', index=1).click()
    >>> browser.getControl('Assign').click()

    >>> browser.getLink('Contacts').click()
    >>> browser.printQuery("//h1 | //fieldset//h2 | //fieldset//a")
    <h1>Contact information for
      <a href="http://localhost/persons/student">Bill Student</a>
    </h1>
    <h1>Contacts</h1>
    <h2>
      Parent, Mr John J Manager Jr
    </h2>
    <a href="http://localhost/contacts/Contact">(View Details)</a>
    <h2>
      Default Manager
    </h2>
    <a href="http://localhost/persons/manager/contact">(View Details)</a>

We can see that manager's contact information is also updated.

    >>> browser.getLink(url="persons/manager/contact").click()
    >>> browser.printQuery("id('content-body')")
    <div id="content-body">
    <h1>Contact information for
      <a href="http://localhost/persons/manager">Default Manager</a>
    </h1>
    <div>
      Contact of
      <a href="http://localhost/persons/student">Bill Student</a>
    </div>
    ...

And of course we can change Manager's relationship with Bill.

    >>> browser.getLink('Edit').click()
    >>> relationship = browser.getControl('Relationship')
    >>> relationship.value = ['sibling']
    >>> browser.getControl('Apply').click()

    >>> browser.getLink('View').click()
    >>> browser.printQuery("id('content-body')")
    <div id="content-body">
    <h1>Contact information for
      <a href="http://localhost/persons/manager">Default Manager</a>
    </h1>
    <div>
      Sibling of
      <a href="http://localhost/persons/student">Bill Student</a>
    </div>
    ...
