uitest/src/test/java/com/vaadin/v7/tests/components/grid/GridSpacerDecoClipTest.java


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

package com.vaadin.v7.tests.components.grid;

import static org.junit.Assert.assertNotEquals;
import static org.junit.Assert.assertTrue;

import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.SearchContext;

import com.vaadin.testbench.TestBenchElement;
import com.vaadin.testbench.elements.GridElement;
import com.vaadin.testbench.parallel.TestCategory;
import com.vaadin.tests.minitutorials.v7_5.ShowingExtraDataForRows;
import com.vaadin.tests.tb3.MultiBrowserTest;

/**
 * Test for "Grid detail row outline overflows" (#17826)
 *
 * @author Vaadin Ltd
 */
@TestCategory("grid")
public class GridSpacerDecoClipTest extends MultiBrowserTest {

    private static final String SPACER_CSS_CLASS_DECO = "v-grid-spacer-deco";

    @Override
    protected Class<?> getUIClass() {
        return ShowingExtraDataForRows.class;
    }

    @Test
    public void testNewSpacerClip() {
        openTestURL();

        GridElement gridElement = $(GridElement.class).first();
        gridElement.scrollToRow(999);
        GridElement.GridRowElement nextToLastRow = gridElement.getRow(998);
        nextToLastRow.doubleClick();

        TestBenchElement deco = getSpacerDeco(0);
        System.out.println("Lower deco.clip = " + deco.getCssValue("clip"));
        GridElement.GridRowElement nearToBottomRow = gridElement.getRow(993);
        nearToBottomRow.doubleClick();
        deco = getSpacerDeco(0);
        System.out.println("Lower deco.clip = " + deco.getCssValue("clip"));
        assertNotEquals(
                "Spacer deco clipping is not updated after opening another spacer",
                "auto", deco.getCssValue("clip"));
    }

    @Test
    public void testRemovedSpacerClip() throws InterruptedException {
        openTestURL();

        GridElement gridElement = $(GridElement.class).first();
        gridElement.scrollToRow(999);
        GridElement.GridRowElement lastRow = gridElement.getRow(999);
        lastRow.doubleClick(); // Open lowest Row Details

        TestBenchElement deco = getSpacerDeco(0);
        System.out.println("deco.rect = " + deco.getCssValue("clip"));

        GridElement.GridRowElement nearToBottomRow = gridElement.getRow(993);

        // Open upper Row Details, lower Row
        // Details goes out of visible range
        nearToBottomRow.doubleClick();
        Thread.sleep(500);
        // Close upper Row Details, lower Row
        // Details goes back to visible range
        nearToBottomRow.doubleClick();

        deco = getSpacerDeco(0);
        String clip = deco.getCssValue("clip");
        System.out.println("deco.rect = " + clip);

        assertTrue(
                "Part of lower Row Details is visible, its deco clip height should be positive, but it is negative",
                clip.indexOf('-') < 0);
    }

    private TestBenchElement getSpacerDeco(int index) {
        SearchContext context = getContext();
        return (TestBenchElement) context
                .findElements(By.className(SPACER_CSS_CLASS_DECO)).get(index);
    }
}