Skip to content

Commit d938a36

Browse files
EugeniyKiyashkoEugeniyKiyashko
authored
Demos: unskip scenarios testcafe tests (DevExpress#29353)
1 parent e65abba commit d938a36

File tree

137 files changed

+229
-285
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

137 files changed

+229
-285
lines changed

‎apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
background-color: var(--dx-color-main-bg);
2525
}
2626

27-
.options {
27+
::ng-deep .options {
2828
padding: 20px;
2929
background-color: rgba(191, 191, 191, 0.15);
3030
}
@@ -34,12 +34,12 @@
3434
align-items: center;
3535
}
3636

37-
.caption {
37+
::ng-deep .caption {
3838
font-size: 18px;
3939
font-weight: 500;
4040
}
4141

42-
.option {
42+
::ng-deep .option {
4343
margin-top: 10px;
4444
display: inline-block;
4545
margin-right: 50px;

‎apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.css‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,22 @@
3838
text-align: center;
3939
}
4040

41-
.options {
41+
::ng-deep .options {
4242
padding: 20px;
4343
background-color: rgba(191, 191, 191, 0.15);
4444
}
4545

46-
.caption {
46+
::ng-deep .options-container {
47+
display: flex;
48+
align-items: center;
49+
}
50+
51+
::ng-deep .caption {
4752
font-size: 18px;
4853
font-weight: 500;
4954
}
5055

51-
.option {
56+
::ng-deep .option {
5257
margin-top: 10px;
5358
display: inline-block;
5459
margin-right: 50px;

‎apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.html‎

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -23,32 +23,34 @@
2323
</dx-drawer>
2424
<div class="options">
2525
<div class="caption">Options</div>
26-
<div class="option">
27-
<label>Opened state mode</label>
28-
<dx-radio-group
29-
[(value)]="selectedOpenMode"
30-
[items]="showModes"
31-
layout="horizontal"
32-
>
33-
</dx-radio-group>
34-
</div>
35-
<div class="option">
36-
<label>Position</label>
37-
<dx-radio-group
38-
[(value)]="selectedPosition"
39-
[items]="positionModes"
40-
layout="horizontal"
41-
>
42-
</dx-radio-group>
43-
</div>
44-
<div *ngIf="selectedOpenMode !== 'push'" class="option">
45-
<label>Reveal mode</label>
46-
<dx-radio-group
47-
[(value)]="selectedRevealMode"
48-
[items]="showSubmenuModes"
49-
layout="horizontal"
50-
>
51-
</dx-radio-group>
26+
<div class="options-container">
27+
<div class="option">
28+
<label>Opened state mode</label>
29+
<dx-radio-group
30+
[(value)]="selectedOpenMode"
31+
[items]="showModes"
32+
layout="horizontal"
33+
>
34+
</dx-radio-group>
35+
</div>
36+
<div class="option">
37+
<label>Position</label>
38+
<dx-radio-group
39+
[(value)]="selectedPosition"
40+
[items]="positionModes"
41+
layout="horizontal"
42+
>
43+
</dx-radio-group>
44+
</div>
45+
<div *ngIf="selectedOpenMode !== 'push'" class="option">
46+
<label>Reveal mode</label>
47+
<dx-radio-group
48+
[(value)]="selectedRevealMode"
49+
[items]="showSubmenuModes"
50+
layout="horizontal"
51+
>
52+
</dx-radio-group>
53+
</div>
5254
</div>
5355
</div>
5456
</div>

‎apps/demos/Demos/Drawer/TopOrBottomPosition/React/App.tsx‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -62,37 +62,37 @@ const App = () => {
6262
</Drawer>
6363
<div className="options">
6464
<div className="caption">Options</div>
65-
<div className="option">
66-
<label>Opened state mode</label>
67-
<RadioGroup
68-
items={RadioGroupOpenedOptions}
69-
layout="horizontal"
70-
value={openedStateMode}
71-
onValueChanged={onOpenedStateModeChanged}
72-
/>
73-
</div>
74-
{' '}
75-
<div className="option">
76-
<label>Position</label>
77-
<RadioGroup
78-
items={RadioGroupPositionOptions}
79-
layout="horizontal"
80-
value={position}
81-
onValueChanged={onPositionChanged}
82-
/>
83-
</div>
84-
{' '}
85-
{openedStateMode !== 'push' && (
65+
<div className="options-container">
66+
<div className="option">
67+
<label>Opened state mode</label>
68+
<RadioGroup
69+
items={RadioGroupOpenedOptions}
70+
layout="horizontal"
71+
value={openedStateMode}
72+
onValueChanged={onOpenedStateModeChanged}
73+
/>
74+
</div>
8675
<div className="option">
87-
<label>Reveal mode</label>
76+
<label>Position</label>
8877
<RadioGroup
89-
items={RadioGroupRevealOptions}
78+
items={RadioGroupPositionOptions}
9079
layout="horizontal"
91-
value={revealMode}
92-
onValueChanged={onRevealModeChanged}
80+
value={position}
81+
onValueChanged={onPositionChanged}
9382
/>
9483
</div>
95-
)}
84+
{openedStateMode !== 'push' && (
85+
<div className="option">
86+
<label>Reveal mode</label>
87+
<RadioGroup
88+
items={RadioGroupRevealOptions}
89+
layout="horizontal"
90+
value={revealMode}
91+
onValueChanged={onRevealModeChanged}
92+
/>
93+
</div>
94+
)}
95+
</div>
9696
</div>
9797
</div>
9898
);

‎apps/demos/Demos/Drawer/TopOrBottomPosition/React/styles.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
background-color: rgba(191, 191, 191, 0.15);
4444
}
4545

46+
.options-container {
47+
display: flex;
48+
align-items: center;
49+
}
50+
4651
.caption {
4752
font-size: 18px;
4853
font-weight: 500;

‎apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/App.js‎

Lines changed: 26 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -70,35 +70,37 @@ const App = () => {
7070
</Drawer>
7171
<div className="options">
7272
<div className="caption">Options</div>
73-
<div className="option">
74-
<label>Opened state mode</label>
75-
<RadioGroup
76-
items={RadioGroupOpenedOptions}
77-
layout="horizontal"
78-
value={openedStateMode}
79-
onValueChanged={onOpenedStateModeChanged}
80-
/>
81-
</div>{' '}
82-
<div className="option">
83-
<label>Position</label>
84-
<RadioGroup
85-
items={RadioGroupPositionOptions}
86-
layout="horizontal"
87-
value={position}
88-
onValueChanged={onPositionChanged}
89-
/>
90-
</div>{' '}
91-
{openedStateMode !== 'push' && (
73+
<div className="options-container">
9274
<div className="option">
93-
<label>Reveal mode</label>
75+
<label>Opened state mode</label>
9476
<RadioGroup
95-
items={RadioGroupRevealOptions}
77+
items={RadioGroupOpenedOptions}
9678
layout="horizontal"
97-
value={revealMode}
98-
onValueChanged={onRevealModeChanged}
79+
value={openedStateMode}
80+
onValueChanged={onOpenedStateModeChanged}
9981
/>
10082
</div>
101-
)}
83+
<div className="option">
84+
<label>Position</label>
85+
<RadioGroup
86+
items={RadioGroupPositionOptions}
87+
layout="horizontal"
88+
value={position}
89+
onValueChanged={onPositionChanged}
90+
/>
91+
</div>
92+
{openedStateMode !== 'push' && (
93+
<div className="option">
94+
<label>Reveal mode</label>
95+
<RadioGroup
96+
items={RadioGroupRevealOptions}
97+
layout="horizontal"
98+
value={revealMode}
99+
onValueChanged={onRevealModeChanged}
100+
/>
101+
</div>
102+
)}
103+
</div>
102104
</div>
103105
</div>
104106
);

‎apps/demos/Demos/Drawer/TopOrBottomPosition/ReactJs/styles.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
background-color: rgba(191, 191, 191, 0.15);
4444
}
4545

46+
.options-container {
47+
display: flex;
48+
align-items: center;
49+
}
50+
4651
.caption {
4752
font-size: 18px;
4853
font-weight: 500;

‎apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/App.vue‎

Lines changed: 34 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -23,32 +23,34 @@
2323
</DxDrawer>
2424
<div class="options">
2525
<div class="caption">Options</div>
26-
<div class="option">
27-
<label>Opened state mode</label>
28-
<DxRadioGroup
29-
v-model:value="selectedOpenMode"
30-
:items="showModes"
31-
layout="horizontal"
32-
/>
33-
</div>
34-
<div class="option">
35-
<label>Position</label>
36-
<DxRadioGroup
37-
v-model:value="selectedPosition"
38-
:items="positionModes"
39-
layout="horizontal"
40-
/>
41-
</div>
42-
<div
43-
v-if="selectedOpenMode !== 'push'"
44-
class="option"
45-
>
46-
<label>Reveal mode</label>
47-
<DxRadioGroup
48-
v-model:value="selectedRevealMode"
49-
:items="showSubmenuModes"
50-
layout="horizontal"
51-
/>
26+
<div class="options-container">
27+
<div class="option">
28+
<label>Opened state mode</label>
29+
<DxRadioGroup
30+
v-model:value="selectedOpenMode"
31+
:items="showModes"
32+
layout="horizontal"
33+
/>
34+
</div>
35+
<div class="option">
36+
<label>Position</label>
37+
<DxRadioGroup
38+
v-model:value="selectedPosition"
39+
:items="positionModes"
40+
layout="horizontal"
41+
/>
42+
</div>
43+
<div
44+
v-if="selectedOpenMode !== 'push'"
45+
class="option"
46+
>
47+
<label>Reveal mode</label>
48+
<DxRadioGroup
49+
v-model:value="selectedRevealMode"
50+
:items="showSubmenuModes"
51+
layout="horizontal"
52+
/>
53+
</div>
5254
</div>
5355
</div>
5456
</div>
@@ -124,6 +126,11 @@ const toolbarContent = [{
124126
background-color: rgba(191, 191, 191, 0.15);
125127
}
126128
129+
.options-container {
130+
display: flex;
131+
align-items: center;
132+
}
133+
127134
.caption {
128135
font-size: 18px;
129136
font-weight: 500;
@@ -132,7 +139,7 @@ const toolbarContent = [{
132139
.option {
133140
margin-top: 10px;
134141
display: inline-block;
135-
margin-right: 54px;
142+
margin-right: 50px;
136143
}
137144
138145
label {

‎apps/demos/Demos/Drawer/TopOrBottomPosition/jQuery/index.html‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -21,17 +21,19 @@
2121
</div>
2222
<div class="options">
2323
<div class="caption">Options</div>
24-
<div class="option">
25-
<label>Opened state mode</label>
26-
<div id="opened-state-mode"></div>
27-
</div>
28-
<div class="option">
29-
<label>Position</label>
30-
<div id="position-mode"></div>
31-
</div>
32-
<div id="reveal-mode-option" class="option">
33-
<label>Reveal mode</label>
34-
<div id="reveal-mode"></div>
24+
<div class="options-container">
25+
<div class="option">
26+
<label>Opened state mode</label>
27+
<div id="opened-state-mode"></div>
28+
</div>
29+
<div class="option">
30+
<label>Position</label>
31+
<div id="position-mode"></div>
32+
</div>
33+
<div id="reveal-mode-option" class="option">
34+
<label>Reveal mode</label>
35+
<div id="reveal-mode"></div>
36+
</div>
3537
</div>
3638
</div>
3739
</div>

‎apps/demos/Demos/Drawer/TopOrBottomPosition/jQuery/styles.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
background-color: rgba(191, 191, 191, 0.15);
4444
}
4545

46+
.options-container {
47+
display: flex;
48+
align-items: center;
49+
}
50+
4651
.caption {
4752
font-size: 18px;
4853
font-weight: 500;

0 commit comments

Comments
 (0)