TestTask/config.html at master · charleslana/TestTask · GitHub

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Configuração</title>
    <link rel="stylesheet" href="bulma.min.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div id="config">
        <div class="container">
            <div class="is-size-3 has-text-centered my-5">Configuração testes E2E</div>

            <div class="field">
                <label class="label" for="custom1">Limite de tempo de navegação em ms:</label>
                <div class="control">
                    <input class="input is-shadowless" id="custom1" placeholder="ex: 15000" type="number"
                        v-model.trim="navigateTimeout" />
                </div>
            </div>

            <div class="field">
                <label class="label" for="custom2">Limite de tempo de encontrar elementos em ms:</label>
                <div class="control">
                    <input class="input is-shadowless" id="custom2" placeholder="ex: 10000" type="number"
                        v-model.trim="defaultTimeout" />
                </div>
            </div>

            <div class="field">
                <label class="label" for="custom3">Selecione tipo de espera da navegação:</label>
                <div class="select is-fullwidth">
                    <select v-model="navigateWaitUntil" id="custom3" class="is-shadowless">
                        <option value="domcontentloaded">Aguarda até que os elementos do DOM estejam carregados</option>
                        <option value="load">Aguarda até que todos os dados da pagina carregue</option>
                        <option value="networkidle0">Aguarda até que não haja mais de 0 conexões de rede por pelo menos
                            500 ms</option>
                        <option value="networkidle2">Aguarda até que não haja mais de 2 conexões de rede por pelo menos
                            500 ms</option>
                    </select>
                </div>
            </div>

            <div class="field">
                <label class="label">Mobile:</label>
                <label class="checkbox">
                    <input type="checkbox" v-model="isMobile" />
                    Simular tela mobile
                </label>
            </div>

            <div class="field">
                <label class="label">Mostrar screenshots do teste:</label>
                <label class="radio">
                    <input type="radio" value="everyScreenshot" v-model="selectedScreenshot" />
                    Mostrar screenshots a cada ação de teste (considere que o tempo do teste afeta ao tirar screenshot
                    da tela de cada ação)
                </label>
                <br>
                <label class="radio">
                    <input type="radio" value="lastScreenshot" v-model="selectedScreenshot" />
                    Mostrar screenshot no final do teste
                </label>
                <br>
                <label class="radio">
                    <input type="radio" value="neverScreenshot" v-model="selectedScreenshot" />
                    Não mostrar screenshots
                </label>
            </div>

            <div class="field">
                <label class="label">Tipo de screenshot:</label>

                <label class="radio">
                    <input type="radio" :disabled="!isFullScreenshotEnabled" v-model="fullScreenshot" :value="false">
                    Screenshot normal
                </label>
                <br>
                <label class="radio">
                    <input type="radio" :disabled="!isFullScreenshotEnabled" v-model="fullScreenshot" :value="true">
                    Screenshot da tela toda
                </label>
            </div>

            <div class="field">
                <label class="label">Configuração de fechar a janela do teste da automação:</label>
                <label class="checkbox">
                    <input type="checkbox" v-model="isCloseBrowser" />
                    Fechar a janela de teste
                </label>
            </div>

            <div class="field">
                <label class="label" for="custom1">Quantidade de repetição:</label>
                <div class="control">
                    <input class="input is-shadowless" id="custom1" placeholder="ex: 1" type="number"
                        v-model="iteration" />
                </div>
            </div>

            <div class="field">
                <label class="label">Navegação:</label>
                <label class="checkbox">
                    <input type="checkbox" v-model="isClearStorage" />
                    Limpeza de cookies, local storage, session storage após o teste
                </label>
            </div>

            <div class="field my-5">
                <div class="control">
                    <button class="button is-primary is-fullwidth" id="saveSettings">Salvar</button>
                </div>
            </div>
        </div>
    </div>
    <script src="vue@2.js"></script>
    <script src="config.js"></script>
</body>

</html>