+}

+

+/* Styles for ResponsiveLayoutUpdate test */

+.layout-update .change-width {

+ white-space: normal;

+ background: #ddd;

+}

+.layout-update[width-range="0-599px"] .change-width {

+ width: 200px;

+ height: 200px;

+}

+

+.layout-update[width-range="600px-"] .change-width {

+ width: 300px;

+ height: 300px;

+}

+$v-focus-color: #ffa500;

+ #themeSelect {

+ position: fixed;

+ z-index: 1000;

+ top: 0;

+ right: 0;

+ padding: 0 10px;

+ background-color: darken($v-app-background-color, 5%);

+ background-color: rgba(darken($v-app-background-color, 5%), .9);

+ color: valo-font-color($v-app-background-color);

+ border-radius: 0 0 0 $v-border-radius;

+

+ &:before {

+ content: "Theme:";

+ }

+

+ select {

+ background: transparent;

+ color: inherit;

+ border: none;

+ display: inline-block;

+ }

+ }

+

+ .v-ui {

+ @include width-range($max: 800px) {

+ #themeSelect {

+ top: $v-unit-size;

+ }

+ }

+}

+

+ .v-ie8 & {

+ position: relative;

+ top: auto;

+ right: auto;

+ bottom: auto;

+ left: auto;

+ width: $v-font-size;

+ height: $v-font-size;

+ display: inline-block;

+ vertical-align: middle;

+ margin: 0 round($v-font-size / -2);

+

+ + .v-button-caption {

+ margin-left: round($v-unit-size/2);

+ }

+ }

+ color: valo-font-color($v-background-color);

+ "Insert Horizontal Rule" "\2014",

+ .#{$primary-stylename}-horizontal {

+ @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: horizontal);

+ }

+

+ .#{$primary-stylename}-vertical {

+ @include valo-splitpanel-style($primary-stylename: $primary-stylename, $orientation: vertical);

+ }

+ .#{$primary-stylename}-horizontal > div {

+ > .#{$primary-stylename}-second-container {

+ > .#{$primary-stylename}-first-container {

+ > div > .#{$primary-stylename}-hsplitter {

+ width: $splitter-size;

+ &:after {

+ left: $offset;

+ right: $offset;

+ }

+

+ div {

+ &:before {

+ @include valo-button-style($shadow: $splitter-shadow);

+ height: auto;

+ padding: 0;

+ border-radius: 0;

+ @include valo-gradient($color: $v-background-color, $direction: to right);

+ }

+ @if $splitter-handle-visible {

+ &:after {

+ @include valo-splitpanel-splitter-handle-style($horizontal: true);

+ }

+ }

+ > div > .#{$primary-stylename}-second-container {

+ margin-left: $splitter-size;

+ @if contains($orientation, vertical) {

+ > div > .#{$primary-stylename}-vsplitter {

+ height: $splitter-size;

+

+ top: $offset;

+ bottom: $offset;

+ div {

+ &:before {

+ @include valo-button-style($shadow: $splitter-shadow);

+ height: auto;

+ padding: 0;

+ border-radius: 0;

+ @if $splitter-handle-visible {

+ &:after {

+ @include valo-splitpanel-splitter-handle-style;

+ }

+ }

+ height: $v-table-row-height;

+

+ > .v-widget {

+ margin: round($vertical-padding / -2) round($v-table-cell-padding-horizontal / -2);

+ }

+ z-index: 1;

+ .#{$primary-stylename}-cell-content {

+ height: $row-height;

+ }

+

+

+ > .v-widget {

+ margin: round($vertical-padding / -2) round($cell-padding-horizontal / -2);

+ }

+ white-space: pre-wrap; // Restore default, because .v-widget sets it to normal

+$v-textfield-background-color--readonly: $v-app-background-color;

+ background: $v-textfield-background-color--readonly;

+ color: valo-font-color($v-textfield-background-color--readonly)

+ box-shadow: none;

+ border-color: first-color(valo-border($v-textfield-border, $v-textfield-background-color--readonly));

+ // Mainly to satisty IE8 (doesn't harm other browsers)

+ vertical-align: top;

+

+$valo-menu-background-color: scale-color($v-app-background-color, $lightness: if(color-luminance($v-app-background-color) < 10, 15%, -70%)) !default;

+@mixin valo-menu ($bg: $valo-menu-background-color) {

+ @include valo-menu-style($bg);

+ }

+

+ .valo-menu-toggle {

+ display: none;

+ position: fixed;

+ z-index: 200;

+ $offset: floor(($v-unit-size - $v-unit-size * 0.8) / 2);

+ top: $offset;

+ left: $offset;

+ min-width: 0;

+ }

+

+ .valo-menu-part {

+ border-left: valo-border($color: $bg, $strength: 0.6);

+ padding-bottom: $v-unit-size;

+ overflow: auto;

+

+ &:first-child {

+ border-left: none;

+ }

+ }

+

+ .valo-menu-title,

+ .valo-menu-subtitle,

+ .valo-menu-item {

+ display: block;

+ line-height: inherit;

+ position: relative;

+

+ .valo-menu-badge {

+ position: absolute;

+ right: round($v-unit-size/2);

+ }

+ }

+ .valo-menu-title {

+ @include valo-menu-title-style;

+ text-align: center;

+ .v-menubar.v-menubar {

+ background: transparent;

+ border-color: first-color(valo-border($color: $v-selection-color));

+ color: inherit;

+ @include box-shadow(none);

+ text-shadow: inherit;

+ .v-menubar-menuitem {

+ background: transparent;

+ @include box-shadow(valo-bevel-and-shadow($bevel: $v-bevel, $background-color: $v-selection-color, $gradient: $v-gradient));

+ text-shadow: inherit;

+ font-size: $v-font-size;

+ border-color: inherit;

+ }

+ h1, .v-label-h1,

+ h2, .v-label-h2,

+ h3, .v-label-h3,

+ h4, .v-label-h4 {

+ margin-top: 0;

+ margin-bottom: 0;

+ color: inherit;

+ }

+ .v-menubar-user-menu {

+ @include valo-menubar-borderless-style;

+ margin: round($v-unit-size/2) round($v-unit-size/5);

+ display: block;

+ text-align: center;

+ height: auto;

+ color: inherit;

+

+ > .v-menubar-menuitem {

+ color: inherit;

+ white-space: normal;

+ line-height: 1.4;

+

+ img.v-icon {

+ width: round($v-unit-size * 1.5);

+ height: round($v-unit-size * 1.5);

+ border-radius: ceil($v-unit-size * 1.5 / 2);

+ box-shadow: valo-bevel-and-shadow($bevel: null, $shadow: $v-shadow);

+ display: block;

+ margin: 0 auto .3em;

+ }

+ .v-menubar-menuitem-selected {

+ background: transparent;

+ }

+ }

+

+ .valo-menu-subtitle {

+ @include valo-menu-subtitle-style($bg);

+

+ .valo-menu-badge {

+ color: mix(valo-font-color($bg), $v-selection-color);

+ }

+

+ .valo-menuitems {

+ display: block;

+ }

+

+ .valo-menu-item {

+ @include valo-menu-item-style($bg);

+ }

+

+ .valo-menu-part.large-icons {

+ @include valo-menu-large-icons-style($bg);

+ }

+

+ .valo-menu-logo {

+ @include valo-menu-logo-style;

+ }

+

+ @include valo-menu-responsive;

+

+}

+@mixin valo-menu-responsive {

+ .v-ui {

+ @include width-range($min: 801px, $max: 1100px) {

+ .valo-menu-part {

+ @include valo-menu-large-icons-style($valo-menu-background-color);

+ @include width-range($max: 800px) {

+ padding-top: $v-unit-size;

+ -webkit-box-sizing: border-box;

+ box-sizing: border-box;

+

+ .v-loading-indicator {

+ top: $v-unit-size;

+ }

+

+ > .v-widget {

+ position: relative !important

+ }

+ .valo-menu {

+ border-right: none;

+ .valo-menu-toggle {

+ .valo-menu-title {

+ position: fixed;

+ z-index: 100;

+ top: 0;

+ left: 0;

+ right: 0;

+ height: $v-unit-size !important;

+ padding-top: 0;

+ padding-bottom: 0;

+ }

+ .valo-menu .v-menubar-user-menu {

+ position: fixed;

+ z-index: 100;

+ top: 0;

+ right: 0;

+ margin: 0;

+ padding: 0;

+ height: $v-unit-size;

+ color: valo-font-color($v-selection-color, 0.5);

+

+ .v-menubar-menuitem {

+ line-height: $v-unit-size - 1px;

+ img.v-icon {

+ display: inline-block;

+ margin: 0 round($v-unit-size / 6) 0 0;

+ width: round($v-unit-size / 2);

+ height: round($v-unit-size / 2);

+ border-radius: ceil($v-unit-size / 4);

+ .valo-menuitems {

+ @include valo-menu-style;

+ position: fixed;

+ z-index: 200;

+ top: $v-unit-size;

+ bottom: 0;

+ height: auto;

+ max-width: 100%;

+ overflow: auto;

+ padding: round($v-unit-size / 2) 0;

+ @include transform(translatex(-100%));

+ @include transition(all 300ms);

+ .valo-menu-visible .valo-menuitems {

+ @include transform(translatex(0%));

+ }

+ }

+ @include width-range($max: 500px) {

+ .valo-menu-toggle .v-button-caption {

+ display: none;

+ .valo-menu .v-menubar-user-menu .v-menubar-menuitem-caption {

+ display: inline-block;

+ width: round($v-unit-size / 2);

+ overflow: hidden;

+ }

+}

+@mixin valo-menu-style ($bg: $valo-menu-background-color) {

+ height: 100%;

+ @include linear-gradient(to left, (scale-color($bg, $lightness: valo-gradient-opacity()*-1) 0%, $bg round($v-unit-size/4)), $fallback: $bg);

+ color: valo-font-color($bg, 0.5);

+ font-size: round($v-font-size * 0.9);

+ line-height: round($v-unit-size * 0.8);

+ border-right: valo-border($color: $bg);

+ white-space: nowrap;

+}

+@mixin valo-menu-title-style {

+ line-height: 1.2;

+ @include valo-gradient($color: $v-selection-color);

+ $font-color: valo-font-color($v-selection-color, 1);

+ color: $font-color;

+ text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $v-selection-color);

+ padding: round($v-unit-size/3) round($v-unit-size/2);

+ font-size: round($v-font-size * 0.9);

+ border-bottom: valo-border($color: $v-selection-color);

+ @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow));

+}

+

+

+@mixin valo-menu-subtitle-style ($bg: $valo-menu-background-color) {

+ color: valo-font-color($bg, 0.33);

+ margin: round($v-unit-size/5) 0 round($v-unit-size/5) round($v-unit-size/2);

+ border-bottom: valo-border($color: $bg, $strength: 0.5, $border: first-number($v-border) solid v-tone);

+}

+

+

+

+@mixin valo-menu-item-style ($bg: $valo-menu-background-color) {

+ $font-color: valo-font-color($bg, 0.5);

+ outline: none;

+ font-weight: $v-font-weight + 100;

+ padding: 0 round($v-unit-size) 0 round($v-unit-size/2);

+ cursor: pointer;

+ position: relative;

+ text-shadow: valo-text-shadow($font-color: $font-color, $background-color: $bg, $offset: -2px);

+ @include transition(background-color 300ms, color 60ms);

+

+ $diff: color-luminance($bg) - color-luminance($v-selection-color);

+ $active-color: $v-selection-color;

+ @if abs($diff) < 30 {

+ $active-color: lighten($v-selection-color, 10%);

+ }

+

+ [class*="caption"] {

+ vertical-align: middle;

+ display: inline-block;

+ width: 90%;

+ max-width: 15em;

+ padding-right: round($v-unit-size/2);

+ text-overflow: ellipsis;

+ overflow: hidden;

+ }

+

+ &.selected {

+ background: darken($bg, 3%);

+

+ .v-icon {

+ color: $active-color;

+ }

+

+ [class*="badge"] {

+ @include valo-badge-style($states: active, $active-color: $active-color);

+ }

+ }

+

+ &:focus,

+ &:hover,

+ &.selected {

+ color: valo-font-color($bg, 1);

+ }

+

+ // Font icons

+ span.v-icon {

+ min-width: 1em;

+ margin-right: round($v-unit-size/2);

+ text-align: center;

+ vertical-align: middle;

+

+ @if $v-gradient {

+ -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.75)));

+ }

+

+ + span {

+ margin-left: 0;

+ }

+ [class*="badge"] {

+ @include valo-badge-style($states: inactive, $background-color: lighten($bg, 5%));

+ }

+}

+

+

+

+

+@mixin valo-badge-style ($states: inactive active, $background-color: null, $active-color: $v-selection-color) {

+ @if contains($states, inactive) {

+ background-color: $background-color;

+ @include transition(background-color 300ms);

+ line-height: 1;

+ padding: round($v-unit-size/9) round($v-unit-size/6);

+ min-width: round($v-font-size/1.5);

+ text-align: center;

+ top: (round($v-unit-size * 0.8) - round($v-font-size * 0.9) - round($v-unit-size/9) * 2) / 2;

+ border-radius: $v-border-radius;

+ }

+

+ @if contains($states, active) {

+ @include valo-gradient($color: $active-color);

+ color: valo-font-color($active-color);

+ }

+}

+

+

+

+@mixin valo-menu-large-icons-style ($bg: darken($valo-menu-background-color, 4%)) {

+ background-color: $bg;

+ min-width: $v-unit-size * 2;

+ max-width: $v-unit-size * 3;

+

+ .valo-menu-title {

+ font-size: round($v-font-size * 0.75);

+

+ .v-label-undef-w {

+ white-space: normal;

+ }

+ }

+

+ .v-menubar-user-menu {

+ margin-left: 0;

+ margin-right: 0;

+ font-size: round($v-font-size * 0.7);

+

+ img.v-icon {

+ width: round($v-unit-size/1.3);

+ height: round($v-unit-size/1.3);

+ }

+ }

+

+ [class*="subtitle"] {

+ margin: round($v-unit-size/4) 0 0;

+ padding: round($v-unit-size/5) round($v-unit-size/1.5) round($v-unit-size/5) round($v-unit-size/4);

+ line-height: 1;

+ border: none;

+ text-overflow: ellipsis;

+ overflow: hidden;

+ background: darken($bg, 6%);

+ font-size: round($v-font-size * 0.8);

+ box-shadow: valo-bevel-and-shadow($shadow: $v-shadow);

+

+ [class*="badge"] {

+ right: round($v-unit-size/4);

+ }

+

+ + .valo-menu-item {

+ border-top: none;

+ }

+ }

+

+ .valo-menu-item {

+ display: block;

+ font-size: round($v-font-size * 1.6);

+ line-height: 1;

+ padding: round($v-unit-size/3);

+ text-align: center;

+ border-top: valo-border($color: $bg, $strength: 0.2, $border: first-number($v-border) solid v-tone);

+

+ &:first-child {

+ border-top: none;

+ }

+

+ [class*="caption"] {

+ width: auto;

+ margin: .3em 0 0;

+ padding: 0;

+ font-size: round($v-font-size * 0.7);

+ line-height: 1.3;

+ }

+

+ .v-icon {

+ margin: 0;

+ }

+

+ span.v-icon {

+ opacity: 0.8;

+ }

+

+ &.selected {

+ background: darken($bg, 3%);

+

+ .v-icon {

+ opacity: 1;

+ }

+

+ [class*="badge"] {

+ border-color: darken($bg, 3%);

+ }

+ }

+

+ [class*="badge"] {

+ padding-left: round($v-unit-size/9);

+ padding-right: round($v-unit-size/9);

+ top: round($v-unit-size/5);

+ right: round($v-unit-size/5);

+ border: 2px solid $bg;

+}

+

+

+@mixin valo-menu-logo-style {

+ display: block;

+ overflow: hidden;

+ width: round($v-unit-size * 1.2) !important;

+ height: round($v-unit-size * 1.2);

+ border-radius: $v-border-radius;

+ text-align: center;

+ @include valo-gradient($color: $v-selection-color);

+ color: valo-font-color($v-selection-color, 1);

+ font-size: round($v-unit-size/1.5);

+ line-height: round($v-unit-size * 1.2);

+ margin: round($v-unit-size/2) auto;

+ @include box-shadow(valo-bevel-and-shadow($shadow: $v-shadow));

+

+ &:focus {

+ outline: none;

+ }

+ // Version info for the debug window

+ .v-vaadin-version:after {

+ content: "@version@";

+ }

+

+

+

+

+@mixin width-range($min: 0, $max: null) {

+ &[width-range~="#{$min}-#{$max}"] {

+ @content;

+ }

+}

+

+@mixin height-range($min: 0, $max: null) {

+ &[height-range~="#{$min}-#{$max}"] {

+ @content;

+ }

+}

+ private String currentWidthRanges = "";

+ private String currentHeightRanges = "";

+ public void onElementResize(final ElementResizeEvent event) {

+ String oldWidthRanges = currentWidthRanges;

+ String oldHeightRanges = currentHeightRanges;

+

+

+ // If a new breakpoint is triggered, ensure all sizes are updated in

+ // case some new styles are applied

+ if (!currentWidthRanges.equals(oldWidthRanges)

+ || !currentHeightRanges.equals(oldHeightRanges)) {

+ event.getLayoutManager().setNeedsMeasureRecursively(

+ ResponsiveConnector.this.target);

+ }

+ private Timer delay;

+

+ protected void hideAfterDelay() {

+ if (delay == null) {

+ delay = new Timer() {

+ @Override

+ public void run() {

+ VNotification.super.hide();

+ }

+ };

+ delay.schedule(hideDelay);

+ }

+ }

+

+ if (delay != null) {

+ delay.cancel();

+ }

+ VNotification.super.hide();

+ hideAfterDelay();

+ hideAfterDelay();

+ hideAfterDelay();

+ /**

+ * Simple interface for parts of the table capable of owning a context menu.

+ *

+ * @since 7.2

+ * @author Vaadin Ltd

+ */

+ private interface ContextMenuOwner {

+ public void showContextMenu(Event event);

+ }

+

+ /**

+ * Handles showing context menu on "long press" from a touch screen.

+ *

+ * @since 7.2

+ * @author Vaadin Ltd

+ */

+ private class TouchContextProvider {

+ private static final int TOUCH_CONTEXT_MENU_TIMEOUT = 500;

+ private Timer contextTouchTimeout;

+

+ private Event touchStart;

+ private int touchStartY;

+ private int touchStartX;

+

+ private ContextMenuOwner target;

+

+ /**

+ * Initializes a handler for a certain context menu owner.

+ *

+ * @param target

+ * the owner of the context menu

+ */

+ public TouchContextProvider(ContextMenuOwner target) {

+ this.target = target;

+ }

+

+ /**

+ * Cancels the current context touch timeout.

+ */

+ public void cancel() {

+ if (contextTouchTimeout != null) {

+ contextTouchTimeout.cancel();

+ contextTouchTimeout = null;

+ }

+ touchStart = null;

+ }

+

+ /**

+ * A function to handle touch context events in a table.

+ *

+ * @param event

+ * browser event to handle

+ */

+ public void handleTouchEvent(final Event event) {

+ int type = event.getTypeInt();

+

+ switch (type) {

+ case Event.ONCONTEXTMENU:

+ target.showContextMenu(event);

+ break;

+ case Event.ONTOUCHSTART:

+ // save position to fields, touches in events are same

+ // instance during the operation.

+ touchStart = event;

+

+ Touch touch = event.getChangedTouches().get(0);

+ touchStartX = touch.getClientX();

+ touchStartY = touch.getClientY();

+

+ if (contextTouchTimeout == null) {

+ contextTouchTimeout = new Timer() {

+

+ @Override

+ public void run() {

+ if (touchStart != null) {

+ // Open the context menu if finger

+ // is held in place long enough.

+ target.showContextMenu(touchStart);

+ event.preventDefault();

+ touchStart = null;

+ }

+ }

+ };

+ }

+ contextTouchTimeout.schedule(TOUCH_CONTEXT_MENU_TIMEOUT);

+ break;

+ case Event.ONTOUCHCANCEL:

+ case Event.ONTOUCHEND:

+ cancel();

+ break;

+ case Event.ONTOUCHMOVE:

+ if (isSignificantMove(event)) {

+ // Moved finger before the context menu timer

+ // expired, so let the browser handle the event.

+ cancel();

+ }

+ }

+ }

+

+ /**

+ * Calculates how many pixels away the user's finger has traveled. This

+ * reduces the chance of small non-intentional movements from canceling

+ * the long press detection.

+ *

+ * @param event

+ * the Event for which to check the move distance

+ * @return true if this is considered an intentional move by the user

+ */

+ protected boolean isSignificantMove(Event event) {

+ if (touchStart == null) {

+ // no touch start

+ return false;

+ }

+

+ // Calculate the distance between touch start and the current touch

+ // position

+ Touch touch = event.getChangedTouches().get(0);

+ int deltaX = touch.getClientX() - touchStartX;

+ int deltaY = touch.getClientY() - touchStartY;

+ int delta = deltaX * deltaX + deltaY * deltaY;

+

+ // Compare to the square of the significant move threshold to remove

+ // the need for a square root

+ if (delta > TouchScrollDelegate.SIGNIFICANT_MOVE_THRESHOLD

+ * TouchScrollDelegate.SIGNIFICANT_MOVE_THRESHOLD) {

+ return true;

+ }

+ return false;

+ }

+ }

+

+ /** Handles context menu for table body */

+ private ContextMenuOwner contextMenuOwner = new ContextMenuOwner() {

+

+ @Override

+ public void showContextMenu(Event event) {

+ int left = Util.getTouchOrMouseClientX(event);

+ int top = Util.getTouchOrMouseClientY(event);

+ boolean menuShown = handleBodyContextMenu(left, top);

+ if (menuShown) {

+ event.stopPropagation();

+ event.preventDefault();

+ }

+ }

+ };

+

+ /** Handles touch events to display a context menu for table body */

+ private TouchContextProvider touchContextProvider = new TouchContextProvider(

+ contextMenuOwner);

+

+ /**

+ * For internal use only. May be removed or replaced in the future.

+ *

+ * Overwrites onBrowserEvent function on FocusableScrollPanel to give event

+ * access to touchContextProvider. Has to be public to give TableConnector

+ * access to the scrollBodyPanel field.

+ *

+ * @since 7.2

+ * @author Vaadin Ltd

+ */

+ public class FocusableScrollContextPanel extends FocusableScrollPanel {

+ @Override

+ public void onBrowserEvent(Event event) {

+ super.onBrowserEvent(event);

+ touchContextProvider.handleTouchEvent(event);

+ };

+

+ public FocusableScrollContextPanel(boolean useFakeFocusElement) {

+ super(useFakeFocusElement);

+ }

+ }

+

+ public final FocusableScrollContextPanel scrollBodyPanel = new FocusableScrollContextPanel(

+ scrollBodyPanel.sinkEvents(Event.TOUCHEVENTS | Event.ONCONTEXTMENU);

+ /**

+ * Handles a context menu event on table body.

+ *

+ * @param left

+ * left position of the context menu

+ * @param top

+ * top position of the context menu

+ * @return true if a context menu was shown, otherwise false

+ */

+ private boolean handleBodyContextMenu(int left, int top) {

+ return true;

+ return false;

+ public class VScrollTableRow extends Panel implements ActionOwner,

+ ContextMenuOwner {

+

+ private TouchContextProvider touchContextProvider = new TouchContextProvider(

+ this);

+

+ touchContextProvider.handleTouchEvent(event);

+

+ touchContextProvider.cancel();

+ touchContextProvider.cancel();

+ @Override

+/*

+ * Copyright 2000-2014 Vaadin Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not

+ * use this file except in compliance with the License. You may obtain a copy of

+ * the License at

+ *

+ * http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

+ * License for the specific language governing permissions and limitations under

+ * the License.

+ */

+package com.vaadin.tests.components.splitpanel;

+

+import com.vaadin.server.VaadinRequest;

+import com.vaadin.tests.components.AbstractTestUI;

+import com.vaadin.ui.AbstractSplitPanel;

+import com.vaadin.ui.CssLayout;

+import com.vaadin.ui.HorizontalSplitPanel;

+import com.vaadin.ui.Label;

+import com.vaadin.ui.VerticalSplitPanel;

+

+public class SplitPanelStyleLeak extends AbstractTestUI {

+

+ @Override

+ protected void setup(VaadinRequest request) {

+ CssLayout wrap = new CssLayout();

+ addComponent(wrap);

+

+ wrap.addComponent(getSplit(true, null));

+ wrap.addComponent(getSplit(false, null));

+

+ wrap.addComponent(getSplit(true, "small"));

+ wrap.addComponent(getSplit(false, "small"));

+

+ wrap.addComponent(getSplit(true, "large"));

+ wrap.addComponent(getSplit(false, "large"));

+ }

+

+ private AbstractSplitPanel getSplit(boolean horizontal, String style) {

+ AbstractSplitPanel split = horizontal ? new HorizontalSplitPanel()

+ : new VerticalSplitPanel();

+

+ if (style != null) {

+ split.addStyleName(style);

+ }

+ split.setWidth("300px");

+ split.setHeight("300px");

+

+ AbstractSplitPanel content = horizontal ? new VerticalSplitPanel()

+ : new HorizontalSplitPanel();

+ content.addComponent(new Label("First"));

+ content.addComponent(new Label("Second"));

+ split.addComponent(content);

+

+ content = horizontal ? new VerticalSplitPanel()

+ : new HorizontalSplitPanel();

+ content.addComponent(new Label("First"));

+ split.addComponent(content);

+

+ // Inception level nesting, but we need to test that the first level

+ // styles don't leak to a nested split panel with the same orientation

+ AbstractSplitPanel content2 = horizontal ? new HorizontalSplitPanel()

+ : new VerticalSplitPanel();

+ content2.addComponent(new Label("First"));

+ content2.addComponent(new Label("Second"));

+ content.addComponent(content2);

+

+ return split;

+ }

+

+ @Override

+ protected String getTestDescription() {

+ return "Vertical/horizontal SplitPanel styles should not leak to any contained horizontal/vertical SplitPanel.";

+ }

+

+ @Override

+ protected Integer getTicketNumber() {

+ return 14152;

+ }

+

+}

+/*

+ * Copyright 2000-2014 Vaadin Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not

+ * use this file except in compliance with the License. You may obtain a copy of

+ * the License at

+ *

+ * http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

+ * License for the specific language governing permissions and limitations under

+ * the License.

+ */

+package com.vaadin.tests.components.splitpanel;

+

+import java.io.IOException;

+

+import org.junit.Test;

+

+import com.vaadin.tests.tb3.MultiBrowserTest;

+

+public class SplitPanelStyleLeakTest extends MultiBrowserTest {

+

+ @Test

+ public void checkScreenshot() throws IOException {

+ openTestURL();

+ compareScreen("all");

+ }

+}

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[1]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[1]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[1]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VEmbedded[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableLabelEmbeddedClickThroughForTable::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[1]/VEmbedded[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstablePropertyValueChange::PID_Seditortable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VFilterSelect[0]/domChild[1]</td>

+ <td>vaadin=runcomvaadintestscomponentstablePropertyValueChange::PID_Seditortable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstablePropertyValueChange::PID_Seditortable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSetDataSourceWithPropertyIds::PID_Stable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSetDataSourceWithPropertyIds::PID_Stable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSetDataSourceWithPropertyIds::PID_Stable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSetDataSourceWithPropertyIds::PID_Stable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSetDataSourceWithPropertyIds::PID_Stable/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[2]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[11]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[8]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[8]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[2]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[11]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableSortLabelsInTable::/VVerticalLayout[0]/VVerticalLayout[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableColumnResizeContentsWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableColumnResizeContentsWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableColumnResizeContentsWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableColumnResizeContentsWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VTextField[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableRowScrolledBottom::/VVerticalLayout[0]/Slot[1]/VVerticalLayout[0]/Slot[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[44]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableRowScrolledBottom::/VVerticalLayout[0]/Slot[1]/VVerticalLayout[0]/Slot[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[44]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableSqlContainer::/VVerticalLayout[0]/Slot[1]/VVerticalLayout[0]/Slot[0]/VVerticalLayout[0]/Slot[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VPopupCalendar[0]#field</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableSqlContainer::/VVerticalLayout[0]/Slot[1]/VVerticalLayout[0]/Slot[0]/VVerticalLayout[0]/Slot[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VPopupCalendar[0]#popupButton</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableWithContainerRequiringEqualsForItemId::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VButton[0]/domChild[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableWithContainerRequiringEqualsForItemId::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[14]/VButton[0]/domChild[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableWithContainerRequiringEqualsForItemId::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VButton[0]/domChild[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTableWithContainerRequiringEqualsForItemId::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[0]/VButton[0]/domChild[0]/domChild[0]</td>

+/*

+ * Copyright 2000-2014 Vaadin Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not

+ * use this file except in compliance with the License. You may obtain a copy of

+ * the License at

+ *

+ * http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

+ * License for the specific language governing permissions and limitations under

+ * the License.

+ */

+package com.vaadin.tests.components.table;

+

+import com.vaadin.event.Action;

+import com.vaadin.event.Action.Handler;

+import com.vaadin.event.ShortcutAction;

+import com.vaadin.server.VaadinRequest;

+import com.vaadin.tests.components.AbstractTestUI;

+import com.vaadin.ui.HorizontalLayout;

+import com.vaadin.ui.Table;

+

+/**

+ * A test UI for context menus on different parts of a VSCrollTable.

+ *

+ * This UI has no attached unit test due to the poor support of touch events on

+ * Selenium.

+ *

+ * @since

+ * @author Vaadin Ltd

+ */

+public class TabletContextMenu extends AbstractTestUI {

+

+ /*

+ * (non-Javadoc)

+ *

+ * @see com.vaadin.tests.components.AbstractTestUI#setup(com.vaadin.server.

+ * VaadinRequest)

+ */

+ @Override

+ protected void setup(VaadinRequest request) {

+ setSizeFull();

+

+ HorizontalLayout layout = new HorizontalLayout();

+ layout.setSizeFull();

+ layout.setSpacing(true);

+ addComponent(layout);

+

+ Table table1 = createTable("no scrolling, has context menu");

+ addActionHandler(table1);

+ table1.addItem();

+ layout.addComponent(table1);

+

+ Table table2 = createTable("should scroll, has context menu");

+ for (int i = 0; i < 100; ++i) {

+ table2.addItem();

+ }

+ addActionHandler(table2);

+ layout.addComponent(table2);

+

+ Table table3 = createTable("no scrolling, no context menu");

+ table3.addItem();

+ layout.addComponent(table3);

+

+ Table table4 = createTable("should scroll, no context menu");

+ for (int i = 0; i < 100; ++i) {

+ table4.addItem();

+ }

+ layout.addComponent(table4);

+ }

+

+ private Table createTable(String caption) {

+ Table table = new Table(caption);

+ table.setImmediate(true);

+

+ table.addContainerProperty("column1", String.class, "test");

+ table.setSizeFull();

+ table.setHeight("500px");

+ table.setSelectable(true);

+

+ return table;

+ }

+

+ private void addActionHandler(Table table) {

+ table.addActionHandler(new Handler() {

+

+ Action tabNext = new ShortcutAction("Shift",

+ ShortcutAction.KeyCode.TAB, null);

+ Action tabPrev = new ShortcutAction("Shift+Tab",

+ ShortcutAction.KeyCode.TAB,

+ new int[] { ShortcutAction.ModifierKey.SHIFT });

+ Action curDown = new ShortcutAction("Down",

+ ShortcutAction.KeyCode.ARROW_DOWN, null);

+ Action curUp = new ShortcutAction("Up",

+ ShortcutAction.KeyCode.ARROW_UP, null);

+ Action enter = new ShortcutAction("Enter",

+ ShortcutAction.KeyCode.ENTER, null);

+ Action add = new ShortcutAction("Add Below",

+ ShortcutAction.KeyCode.A, null);

+ Action delete = new ShortcutAction("Delete",

+ ShortcutAction.KeyCode.DELETE, null);

+

+ @Override

+ public void handleAction(Action action, Object sender, Object target) {

+ System.out.println(action.getCaption());

+ }

+

+ @Override

+ public Action[] getActions(Object target, Object sender) {

+ return new Action[] { tabNext, tabPrev, curDown, curUp, enter,

+ add, delete };

+ }

+ });

+ }

+

+ /*

+ * (non-Javadoc)

+ *

+ * @see com.vaadin.tests.components.AbstractTestUI#getTestDescription()

+ */

+ @Override

+ protected String getTestDescription() {

+ return "Make sure empty table parts have context menu on touch screen devices";

+ }

+

+ /*

+ * (non-Javadoc)

+ *

+ * @see com.vaadin.tests.components.AbstractTestUI#getTicketNumber()

+ */

+ @Override

+ protected Integer getTicketNumber() {

+ return 13694;

+ }

+

+}

+ <td>vaadin=runcomvaadintestscomponentstableTextFieldRelativeWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[2]/VButton[0]/domChild[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstableTextFieldRelativeWidth::/VVerticalLayout[0]/ChildComponentContainer[1]/VVerticalLayout[0]/ChildComponentContainer[0]/VScrollTable[0]/VScrollTable$FocusableScrollContextPanel[0]/VScrollTable$VScrollTableBody[0]/VScrollTable$VScrollTableBody$VScrollTableRow[4]/VButton[0]/domChild[0]/domChild[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstreetableTreeTableTest::PID_StestComponent/VScrollTable$FocusableScrollContextPanel[0]/VTreeTable$VTreeTableScrollBody[0]/VTreeTable$VTreeTableScrollBody$VTreeTableRow[0]/VLabel[0]</td>

+ <td>vaadin=runcomvaadintestscomponentstreetableTreeTableTest::PID_StestComponent/VScrollTable$FocusableScrollContextPanel[0]/VTreeTable$VTreeTableScrollBody[0]/VTreeTable$VTreeTableScrollBody$VTreeTableRow[0]/VLabel[1]</td>

+/*

+ * Copyright 2000-2014 Vaadin Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not

+ * use this file except in compliance with the License. You may obtain a copy of

+ * the License at

+ *

+ * http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

+ * License for the specific language governing permissions and limitations under

+ * the License.

+ */

+

+package com.vaadin.tests.extensions;

+

+import com.vaadin.annotations.Theme;

+import com.vaadin.server.Responsive;

+import com.vaadin.server.VaadinRequest;

+import com.vaadin.tests.components.AbstractTestUI;

+import com.vaadin.ui.HorizontalLayout;

+import com.vaadin.ui.Label;

+import com.vaadin.ui.Panel;

+

+@Theme("tests-responsive")

+public class ResponsiveLayoutUpdate extends AbstractTestUI {

+

+ @Override

+ protected void setup(VaadinRequest request) {

+ HorizontalLayout layout = new HorizontalLayout();

+ layout.addStyleName("layout-update");

+ layout.setWidth("100%");

+ setContent(layout);

+ Responsive.makeResponsive(layout);

+

+ Label label = new Label(

+ "This label changes its size between the breakpoints, allowing more space for the adjacent component.");

+ label.addStyleName("change-width");

+ label.setSizeUndefined();

+ layout.addComponent(label);

+

+ Panel panel = new Panel("Panel");

+ panel.setContent(new Label(

+ "This Panel should be maximized in both breakpoints."));

+ panel.setSizeFull();

+ layout.addComponent(panel);

+ layout.setExpandRatio(panel, 1);

+ }

+

+ @Override

+ protected String getTestDescription() {

+ return "A new layout phase should be requested after a new breakpoint is triggered, ensuring any style changes affecting component sizes are taken into account.";

+ }

+

+ @Override

+ protected Integer getTicketNumber() {

+ return 14354;

+ }

+}

+/*

+ * Copyright 2000-2014 Vaadin Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not

+ * use this file except in compliance with the License. You may obtain a copy of

+ * the License at

+ *

+ * http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

+ * License for the specific language governing permissions and limitations under

+ * the License.

+ */

+

+package com.vaadin.tests.extensions;

+

+import org.junit.Test;

+import org.openqa.selenium.WebDriver;

+import org.openqa.selenium.support.ui.ExpectedCondition;

+

+import com.vaadin.testbench.By;

+import com.vaadin.testbench.elements.PanelElement;

+import com.vaadin.tests.tb3.MultiBrowserTest;

+

+public class ResponsiveLayoutUpdateTest extends MultiBrowserTest {

+

+ @Test

+ public void testWidthAndHeightRanges() throws Exception {

+ openTestURL();

+

+ final PanelElement panelElement = $(PanelElement.class).first();

+ // I currently have no idea why PhantomJS wants a click here to work

+ // properly

+ panelElement.click();

+ waitForElementVisible(By.cssSelector(".layout-update"));

+

+ compareScreen("large");

+

+ // Resize below 600px width breakpoint

+ testBench().resizeViewPortTo(400, 768);

+

+ waitUntil(new ExpectedCondition<Boolean>() {

+ @Override

+ public Boolean apply(WebDriver input) {

+ return panelElement.getSize().getWidth() < 500;

+ }

+ });

+ compareScreen("small");

+ }

+}

+ return;

+ CheckBox stripes = new CheckBox("Stripes", true);

+import com.vaadin.server.Responsive;

+import com.vaadin.server.ThemeResource;

+import com.vaadin.ui.themes.ValoTheme;

+ CssLayout menuItemsLayout = new CssLayout();

+ Responsive.makeResponsive(this);

+

+ for (Iterator<Component> it = menuItemsLayout.iterator(); it

+ .hasNext();) {

+ for (Iterator<Component> it = menuItemsLayout

+ .iterator(); it.hasNext();) {

+ Button showMenu = new Button("Menu", new ClickListener() {

+ @Override

+ public void buttonClick(ClickEvent event) {

+ if (menu.getStyleName().contains("valo-menu-visible")) {

+ menu.removeStyleName("valo-menu-visible");

+ } else {

+ menu.addStyleName("valo-menu-visible");

+ }

+ }

+ });

+ showMenu.addStyleName(ValoTheme.BUTTON_PRIMARY);

+ showMenu.addStyleName(ValoTheme.BUTTON_SMALL);

+ showMenu.addStyleName("valo-menu-toggle");

+ showMenu.setIcon(FontAwesome.LIST);

+ menu.addComponent(showMenu);

+

+ Label title = new Label("<h3>Vaadin <strong>Valo Theme</strong></h3>",

+ settings.addStyleName("user-menu");

+ StringGenerator sg = new StringGenerator();

+ MenuItem settingsItem = settings.addItem(

+ sg.nextString(true) + " " + sg.nextString(true)

+ + sg.nextString(false), new ThemeResource(

+ "../tests-valo/img/profile-pic-300px.jpg"), null);

+ menu.addComponent(settings);

+ menuItemsLayout.setPrimaryStyleName("valo-menuitems");

+ menu.addComponent(menuItemsLayout);

+ menuItemsLayout.addComponent(label);

+ menuItemsLayout.addComponent(label);

+ menuItemsLayout.addComponent(label);

+ menuItemsLayout.addComponent(b);

+ <property name="browsers-windows" value="winxp-ie8,win7-ie9,win7-ie10,winxp-firefox17-esr,winxp-googlechrome21" />