EDIT

<?xml version="1.0"?>

<!DOCTYPE ivy-module [

	<!ENTITY vaadin.version "7.7.9">

]>

<ivy-module version="2.0"

	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

	xsi:noNamespaceSchemaLocation="http://ant.apache.org/ivy/schemas/ivy.xsd">

	<info organisation="com.example" module="v7proj" />

	<configurations>

		<!-- The default configuration, which should be deployed to the server -->

		<conf name="default" />

		<!-- A configuration only needed when compiling the widget set. Should 

			not be deployed to the server -->

		<conf name="widgetset-compile" />

		<!-- A configuration used in compilation of server side classes only.

			Should be deployed to the server -->

		<conf name="nodeploy" />

	</configurations>

	<dependencies defaultconf="default" defaultconfmapping="default->default">

		<!-- The core server part of Vaadin -->

		<dependency org="com.vaadin" name="vaadin-server" rev="&vaadin.version;" />

		<!-- Vaadin themes -->

		<dependency org="com.vaadin" name="vaadin-themes" rev="&vaadin.version;" />

		<!-- Push support -->

		<dependency org="com.vaadin" name="vaadin-push" rev="&vaadin.version;" />

		<!-- TestBench 4 -->

		<dependency org="com.vaadin" name="vaadin-testbench-api" rev="&vaadin.version;" conf="nodeploy -> default" />

		<!-- Precompiled DefaultWidgetSet -->

		<dependency org="com.vaadin" name="vaadin-client-compiled"

			rev="&vaadin.version;" />

		<!-- Vaadin client side, needed for widget set compilation -->

		<dependency org="com.vaadin" name="vaadin-client" rev="&vaadin.version;"

			 conf="widgetset-compile->default" />

		<!-- Compiler for custom widget sets. Should not be deployed -->

		<dependency org="com.vaadin" name="vaadin-client-compiler"

			rev="&vaadin.version;" conf="widgetset-compile->default" />

	</dependencies>

</ivy-module>

<?xml version="1.0" encoding="UTF-8"?>

<ivysettings>

	<settings defaultResolver="default" />

	<resolvers>

		<chain name="default">

			<!-- Public Maven repository -->

			<ibiblio name="public" m2compatible="true" />

			<!-- Vaadin Add-on repository -->

			<ibiblio name="vaadin-addons" usepoms="true" m2compatible="true"

				root="http://maven.vaadin.com/vaadin-addons" />

			<!-- Vaadin snapshots repository -->

			<ibiblio name="vaadin-snapshots" usepoms="true" m2compatible="true"

				root="https://oss.sonatype.org/content/repositories/vaadin-snapshots" />

			<!-- Repository used for Vaadin modified smartsprites library -->

			<dual name="custom-smartsprites">

				<filesystem name="smartsprites-ivy">

					<ivy pattern="${basedir}/ivymodule/[module]-ivy-[revision].xml" />

				</filesystem>

				<url name="smartsprites-artifact">

					<artifact

						pattern="http://dev.vaadin.com/svn/versions/6.8/build/smartsprites/lib/[artifact](-[revision]).[ext]" />

				</url>

			</dual>

		</chain>

	</resolvers>

	<modules>

		<!-- Vaadin patched SmartSprites -->

		<module organisation="com.carrotsearch" name="smartsprites"

			revision="0.2.3-itmill" resolver="custom-smartsprites" />

	</modules>

</ivysettings>

package com.example.cdm_vaadin;

import com.vaadin.annotations.Theme;

import com.vaadin.server.VaadinRequest;

import com.vaadin.ui.Button;

import com.vaadin.ui.Button.ClickEvent;

import com.vaadin.ui.Label;

import com.vaadin.ui.UI;

import com.vaadin.ui.VerticalLayout;

@SuppressWarnings("serial")

@Theme("cdm_vaadin")

public class Cdm_vaadinUI extends UI {

	@Override

	protected void init(VaadinRequest request) {

		final VerticalLayout layout = new VerticalLayout();

		layout.setMargin(true);

		setContent(layout);

		Button button = new Button("Click Me");

		button.addClickListener(new Button.ClickListener() {

			public void buttonClick(ClickEvent event) {

				layout.addComponent(new Label("Thank you for clicking"));

			}

		});

		layout.addComponent(button);

	}

}

import org.springframework.beans.factory.annotation.Autowired;

import eu.etaxonomy.cdm.persistence.query.OrderHint;

import eu.etaxonomy.cdm.vaadin.component.SelectFieldFactory;

    @Autowired

    private SelectFieldFactory selectFieldFactory;

        typeSelect.addValueChangeListener(e -> updateFieldVisibility((ReferenceType)e.getProperty().getValue()));

        ListSelect inReferenceSelect = selectFieldFactory.createListSelect("In-reference", Reference.class, OrderHint.ORDER_BY_TITLE_CACHE.asList(), "titleCache");

        inReferenceSelect.setWidth(100, Unit.PERCENTAGE);

        inReferenceSelect.setRows(1);

        addField(inReferenceSelect, "inReference", 0, row, 3, row);

        row++;

    /**

     * @param value

     * @return

     */

    private Object updateFieldVisibility(ReferenceType value) {

        getField("volume").setVisible(value.isVolumeReference());

        getField("placePublished").setVisible(value.isPublication());

        getField("publisher").setVisible(value.isPublication());

        getField("editor").setVisible(value.isPrintedUnit());

        getField("seriesPart").setVisible(value.isPrintedUnit());

        getField("inReference").setVisible(value.isPrintedUnit() || value.isSection());

        getField("pages").setVisible(value.isSection());

        return null;

    }

        // TODO use getField() instead and remove field references

    protected Field<?> getField(Object propertyId){

        return fieldGroup.getField(propertyId);

    }

// Global variable overrides. Must be declared before importing Valo.

// Defines the plaintext font size, weight and family. Font size affects general component sizing.

//$v-font-size: 16px;

//$v-font-weight: 300;

//$v-font-family: "Open Sans", sans-serif;

// Defines the border used by all components.

//$v-border: 1px solid (v-shade 0.7);

//$v-border-radius: 4px;

// Affects the color of some component elements, e.g Button, Panel title, etc

//$v-background-color: hsl(210, 0%, 98%);

// Affects the color of content areas, e.g  Panel and Window content, TextField input etc

//$v-app-background-color: $v-background-color;

// Affects the visual appearance of all components

//$v-gradient: v-linear 8%;

//$v-bevel-depth: 30%;

//$v-shadow-opacity: 5%;

// Defines colors for indicating status (focus, success, failure)

//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically

//$v-friendly-color: #2c9720;

//$v-error-indicator-color: #ed473b;

// For more information, see: https://vaadin.com/book/-/page/themes.valo.html

// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples

@import "../valo/valo.scss";

@mixin cdm_vaadin {

  @include valo;

  // Insert your own theme rules here

}

@import "addons.scss";

@import "cdm_vaadin.scss";

/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */

/* The actual styles should be defined in cdm_vaadin.scss */

.cdm_vaadin {

  @include addons;

  @include cdm_vaadin;

}

    <servlet>

    	<servlet-name>Cdm_vaadin Application</servlet-name>

    	<servlet-class>com.vaadin.server.VaadinServlet</servlet-class>

    	<init-param>

    		<description>

    		Vaadin UI class to use</description>

    		<param-name>UI</param-name>

    		<param-value>com.example.cdm_vaadin.Cdm_vaadinUI</param-value>

    	</init-param>

    	<init-param>

    		<description>

    		Legacy mode to return the value of the property as a string from AbstractProperty.toString()</description>

    		<param-name>legacyPropertyToString</param-name>

    		<param-value>false</param-value>

    	</init-param>

    </servlet>

    <servlet-mapping>

    	<servlet-name>Cdm_vaadin Application</servlet-name>

    	<url-pattern>/*</url-pattern>

    </servlet-mapping>

    <context-param>

    	<description>

    	Vaadin production mode</description>

    	<param-name>productionMode</param-name>

    	<param-value>false</param-value>

    </context-param>

package com.example.cdm_vaadin;

import com.vaadin.testbench.ScreenshotOnFailureRule;

import com.vaadin.testbench.TestBenchTestCase;

import com.vaadin.testbench.elements.ButtonElement;

import com.vaadin.testbench.elements.LabelElement;

import org.junit.Before;

import org.junit.Rule;

import org.junit.Test;

import org.openqa.selenium.firefox.FirefoxDriver;

import java.util.List;

import static org.junit.Assert.assertEquals;

import static org.junit.Assert.assertFalse;

/**

 * This class contains JUnit tests, which are run using Vaadin TestBench 4.

 *

 * To run this, first get an evaluation license from

 * https://vaadin.com/addon/vaadin-testbench and follow the instructions at

 * https://vaadin.com/directory/help/installing-cval-license to install it.

 *

 * Once the license is installed, you can run this class as a JUnit test.

 */

public class Cdm_vaadinTest extends TestBenchTestCase {

    @Rule

    public ScreenshotOnFailureRule screenshotOnFailureRule =

            new ScreenshotOnFailureRule(this, true);

    @Before

    public void setUp() throws Exception {

        setDriver(new FirefoxDriver()); // Firefox

        // To use Chrome, first install chromedriver.exe from

        // http://chromedriver.storage.googleapis.com/index.html

        // on your system path (e.g. C:\Windows\System32\)

        //   setDriver(new ChromeDriver()); // Chrome

        // To use Internet Explorer, first install iedriverserver.exe from

        // http://selenium-release.storage.googleapis.com/index.html?path=2.43/

        // on your system path (e.g. C:\Windows\System32\)

        //   setDriver(new InternetExplorerDriver()); // IE

        // To test headlessly (without a browser), first install phantomjs.exe

        // from http://phantomjs.org/download.html on your system path

        // (e.g. C:\Windows\System32\)

        //   setDriver(new PhantomJSDriver()); // PhantomJS headless browser

    }

    /**

     * Opens the URL where the application is deployed.

     */

    private void openTestUrl() {

        getDriver().get("http://localhost:8080/cdm-vaadin");

    }

    @Test

    public void testClickButton() throws Exception {

        openTestUrl();

        // At first there should be no labels

        assertFalse($(LabelElement.class).exists());

        // Click the button

        ButtonElement clickMeButton = $(ButtonElement.class).

                caption("Click Me").first();

        clickMeButton.click();

        // There should now be one label

        assertEquals(1, $(LabelElement.class).all().size());

        // ... with the specified text

        assertEquals("Thank you for clicking",

                $(LabelElement.class).first().getText());

        // Click the button again

        clickMeButton.click();

        // There should now be two labels

        List<LabelElement> allLabels = $(LabelElement.class).all();

        assertEquals(2, allLabels.size());

        // ... and the last label should have the correct text

        LabelElement lastLabel = allLabels.get(1);

        assertEquals("Thank you for clicking", lastLabel.getText());

    }

}