Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flutter - how to get Text widget on widget test

Tags:

I'm trying to create a simple widget test in Flutter. I have a custom widget that receives some values, composes a string and shows a Text with that string. I got to create the widget and it works, but I'm having trouble reading the value of the Text component to assert that the generated text is correct.

I created a simple test that illustrates the issue. I want to get the text value, which is "text". I tried several ways, if I get the finder asString() I could interpret the string to get the value, but I don't consider that a good solution. I wanted to read the component as a Text so that I have access to all the properties.

So, how would I read the Text widget so that I can access the data property?

import 'package:flutter/material.dart'; import 'package:flutter_test/flutter_test.dart';  void main() {   testWidgets('my first widget test', (WidgetTester tester) async {      await tester         .pumpWidget(MaterialApp(home: Text("text", key: Key('unit_text'))));      // This works and prints: (Text-[<'unit_text'>]("text"))     var finder = find.byKey(Key("unit_text"));     print(finder.evaluate().first);      // This also works and prints: (Text-[<'unit_text'>]("text"))     var finderByType = find.byType(Text);     print(finderByType.evaluate().first);      // This returns empty     print(finder.first.evaluate().whereType<Text>());      // This throws: type 'StatelessElement' is not a subtype of type 'Text' in type cast     print(finder.first.evaluate().cast<Text>().first);    }); } 
like image 409
Ricardo Smania Avatar asked Jan 17 '19 12:01

Ricardo Smania


People also ask

Is text a widget in Flutter?

The Text widget displays a string of text with single style. The string might break across multiple lines or might all be displayed on the same line depending on the layout constraints.


2 Answers

I got it working. I had to access the widget property of the Element, and then cast it as text:

var text = finder.evaluate().single.widget as Text; print(text.data); 
like image 150
Ricardo Smania Avatar answered Sep 30 '22 06:09

Ricardo Smania


Please check this simple example.

testWidgets('Test name', (WidgetTester tester) async {  // findig the widget var textFind = find.text("text_of_field");  // checking widget present or not expect(textFind, findsOneWidget);  //getting Text object Text text = tester.firstWidget(textFind);  // validating properies expect(text.style.color, Colors.black); ... ...  } 
like image 25
Afinas EM Avatar answered Sep 30 '22 04:09

Afinas EM