How to find the order of a Stack during testing in Flutter?
Say I have a Stack of widgets that are not the same:
return Stack(
children: <Widget>[
Container(),
Text('Hey'),
Positioned(top: 300.0, child: CustomWidget()),
],
);
How do I test the order of the child widgets? I could assign keys to each item, but how can I tell which item appears in front of another?
I could assign a key to my Stack, wrap each child in a Positioned
, and then use find.byKey(stackKey)
to get my Stack, and then use find.byType(Positioned)
to get its children. This returns an Iterable
which I can convert to a List
. But, is find.byType()
guaranteed to return the same order each time?
testing flutter stack
add a comment |
Say I have a Stack of widgets that are not the same:
return Stack(
children: <Widget>[
Container(),
Text('Hey'),
Positioned(top: 300.0, child: CustomWidget()),
],
);
How do I test the order of the child widgets? I could assign keys to each item, but how can I tell which item appears in front of another?
I could assign a key to my Stack, wrap each child in a Positioned
, and then use find.byKey(stackKey)
to get my Stack, and then use find.byType(Positioned)
to get its children. This returns an Iterable
which I can convert to a List
. But, is find.byType()
guaranteed to return the same order each time?
testing flutter stack
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
Right, in Flutter the property iselevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?
– Mary
Nov 29 '18 at 19:28
add a comment |
Say I have a Stack of widgets that are not the same:
return Stack(
children: <Widget>[
Container(),
Text('Hey'),
Positioned(top: 300.0, child: CustomWidget()),
],
);
How do I test the order of the child widgets? I could assign keys to each item, but how can I tell which item appears in front of another?
I could assign a key to my Stack, wrap each child in a Positioned
, and then use find.byKey(stackKey)
to get my Stack, and then use find.byType(Positioned)
to get its children. This returns an Iterable
which I can convert to a List
. But, is find.byType()
guaranteed to return the same order each time?
testing flutter stack
Say I have a Stack of widgets that are not the same:
return Stack(
children: <Widget>[
Container(),
Text('Hey'),
Positioned(top: 300.0, child: CustomWidget()),
],
);
How do I test the order of the child widgets? I could assign keys to each item, but how can I tell which item appears in front of another?
I could assign a key to my Stack, wrap each child in a Positioned
, and then use find.byKey(stackKey)
to get my Stack, and then use find.byType(Positioned)
to get its children. This returns an Iterable
which I can convert to a List
. But, is find.byType()
guaranteed to return the same order each time?
testing flutter stack
testing flutter stack
edited Jan 25 at 17:49
Supa Mega Ducky Momo da Waffle
2,01451229
2,01451229
asked Nov 28 '18 at 3:31
MaryMary
1,16311537
1,16311537
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
Right, in Flutter the property iselevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?
– Mary
Nov 29 '18 at 19:28
add a comment |
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
Right, in Flutter the property iselevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?
– Mary
Nov 29 '18 at 19:28
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
Right, in Flutter the property is
elevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?– Mary
Nov 29 '18 at 19:28
Right, in Flutter the property is
elevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?– Mary
Nov 29 '18 at 19:28
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53511690%2fhow-to-find-the-order-of-a-stack-during-testing-in-flutter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53511690%2fhow-to-find-the-order-of-a-stack-during-testing-in-flutter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
the last one has the highest z-index. Text is on top of Container, Positioned on top of Text.
– blaneyneil
Nov 28 '18 at 4:50
How do I find the z-index during a test though?
– Mary
Nov 28 '18 at 18:14
z-index is just a web/css term, indicating its height on the z plane. its not applicable to flutter (that i know of).
– blaneyneil
Nov 29 '18 at 19:09
Right, in Flutter the property is
elevation
. The question is, how do we know the order of relative elevations, when we retrieve a list of Widgets in a Stack, during testing?– Mary
Nov 29 '18 at 19:28