Summarize this content to 400 words in Persian Lang <\/p>\n
\u06a9\u0645\u06cc \u0632\u0645\u06cc\u0646\u0647<\/p>\n
\u062a\u0633\u062a \u0648\u06cc\u062c\u062a \u0646\u0648\u0639\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0627\u0633\u062a \u06a9\u0647 \u06af\u0627\u0647\u06cc \u062f\u0633\u062a \u06a9\u0645 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0627\u0631\u0632\u0634 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0627\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u062a\u0633\u062a \u0648\u06cc\u062c\u062a \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0646\u06a9\u0627\u062a\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0622\u0646 \u0631\u0627 \u062f\u0631 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631 \u0631\u0648\u0632\u0627\u0646\u0647 \u062e\u0648\u062f \u0628\u06af\u0646\u062c\u0627\u0646\u06cc\u062f\u060c \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0622\u0646 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645.<\/p>\n
\u0642\u0628\u0644 \u0627\u0632 \u063a\u0648\u0627\u0635\u06cc\u060c \u0630\u06a9\u0631 \u0627\u06cc\u0646 \u0646\u06a9\u062a\u0647 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0631\u0633\u0645\u06cc \u0641\u0644\u0627\u062a\u0631 \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u0634\u0631\u0648\u0639 \u0639\u0627\u0644\u06cc \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0646\u0645\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631\u06a9 \u06a9\u0627\u0645\u0644\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0686\u06cc\u0632\u0647\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627\u060c \u062e\u0644\u0627\u0635\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0628\u06cc\u0646\u0634\u200c\u0647\u0627\u06cc \u0634\u062e\u0635\u06cc \u06a9\u0647 \u0632\u0645\u0627\u0646 \u0632\u06cc\u0627\u062f\u06cc \u0631\u0627 \u0635\u0631\u0641 \u06a9\u0627\u0631 \u0628\u0627 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a\u060c \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u0627\u0641\u062a.<\/p>\n
\u0686\u0647 \u0645\u0634\u06a9\u0644\u06cc \u0631\u0627 \u062d\u0644 \u0645\u06cc \u06a9\u0646\u062f\u061f<\/p>\n
\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0646\u0642\u0634 \u0648 \u0627\u0646\u0648\u0627\u0639 \u062a\u0633\u062a \u0647\u0627\u06cc \u0648\u06cc\u062c\u062a\u060c \u0627\u06cc\u0646 \u0648\u06cc\u062f\u06cc\u0648 \u0631\u0627 \u062f\u0631 \u06a9\u0627\u0646\u0627\u0644 \u06cc\u0648\u062a\u06cc\u0648\u0628 Flutter \u062a\u0645\u0627\u0634\u0627 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0647 \u0646\u0648\u0639 \u062a\u0633\u062a UI \u0631\u0627 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc \u062f\u0647\u062f:<\/p>\n
\u062a\u0633\u062a \u0647\u0627\u06cc \u0637\u0644\u0627\u06cc\u06cc (\u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u067e\u06cc\u06a9\u0633\u0644 \u06a9\u0627\u0645\u0644)\u061b
\n\u062a\u0633\u062a \u0647\u0627\u06cc \u06cc\u0627\u0628 (Comportamento);
\n\u062a\u0633\u062a \u0647\u0627\u06cc PaitPattern (\u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0647\u0627\u06cc \u062a\u0631\u0633\u06cc\u0645)\u061b<\/p>\n
\u0645\u0627 \u0631\u0648\u06cc \u0646\u0648\u0639 \u062f\u0648\u0645 \u062a\u0645\u0631\u06a9\u0632 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f\u060c Finder tests\u060c \u06a9\u0647 \u0631\u0641\u062a\u0627\u0631 \u0627\u062c\u0632\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u062a\u0627\u06cc\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0627\u0633\u0646\u0627\u062f Flutter \u0622\u0645\u062f\u0647 \u0627\u0633\u062a: “\u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0648\u06cc\u062c\u062a \u0647\u0627 \u0646\u0647 \u062a\u0646\u0647\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u0628\u0647 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0646\u06cc\u0632 \u067e\u0627\u0633\u062e \u0645\u06cc \u062f\u0647\u0646\u062f. \u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u062f\u06a9\u0645\u0647 \u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0631\u0648\u06cc \u0622\u0646\u0647\u0627 \u0636\u0631\u0628\u0647 \u0632\u062f \u0648 TextFields \u0628\u0631\u0627\u06cc \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0645\u062a\u0646.”<\/p>\n
\u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0633\u0627\u0633\u06cc<\/p>\n
\u0627\u06cc\u062c\u0627\u062f \u0627\u06cc\u0646 \u0646\u0648\u0639 \u062a\u0633\u062a \u0628\u0633\u06cc\u0627\u0631 \u0634\u0628\u06cc\u0647 \u0628\u0647 \u062a\u0633\u062a \u0648\u0627\u062d\u062f \u0627\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0628\u0627\u06cc\u062f SDK \u062a\u0633\u062a \u0627\u0628\u0632\u0627\u0631\u06a9 Flutter \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
dev_dependencies:
\n flutter_test:
\n sdk: flutter<\/p>\n
\u067e\u0633 \u0627\u0632 \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0628\u0647 \u0631\u0648\u0634 \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0648 \u0627\u062c\u0631\u0627\u06cc \u062a\u0633\u062a \u0647\u0627\u06cc \u062e\u0648\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u0634\u062a.<\/p>\n
\u06cc\u06a9 \u0631\u0627\u0647 \u0633\u0631\u06cc\u0639 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062f\u0631 VSCode \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0631\u0627\u0633\u062a \u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u06af\u0632\u06cc\u0646\u0647 Go to Test \u0627\u0633\u062a. \u0627\u06cc\u0646 \u062f\u0633\u062a\u0648\u0631 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0627\u0632 \u0642\u0628\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06cc\u0627 \u062e\u06cc\u0631. \u0627\u06af\u0631 \u0646\u0647\u060c \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9\u06cc \u0631\u0627 \u0645\u06cc \u062f\u0647\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u062f\u0633\u062a\u0648\u0631 \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u06a9\u0647 \u062a\u0645\u0627\u0645 \u0644\u0627\u06cc\u0647 \u0647\u0627\u06cc \u067e\u0648\u0634\u0647 \u0644\u0627\u0632\u0645 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0641\u0627\u06cc\u0644 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0633\u06cc\u0627\u0631 \u062a\u0645\u06cc\u0632 – \u0622\u0646 \u0631\u0627 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f!<\/p>\n
\u062f\u0631 \u062f\u0627\u062e\u0644 \u0641\u0627\u06cc\u0644 \u062a\u0633\u062a \u062e\u0648\u062f\u060c \u0628\u0627\u06cc\u062f \u0686\u06cc\u0632\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f:<\/p>\n
testWidgets(‘Test Description’, (WidgetTester tester) async {})<\/p>\n
testWidgets \u0631\u0648\u0634\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u062a\u0633\u062a \u0647\u0627\u06cc \u0648\u06cc\u062c\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 tester \u0627\u0628\u0632\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u06cc\u0627\u0641\u062a\u0646\u060c \u062a\u0639\u0627\u0645\u0644 \u0648 \u0645\u0648\u0627\u0631\u062f \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n
\u0627\u06a9\u0646\u0648\u0646\u060c \u0628\u0627\u06cc\u062f \u0648\u06cc\u062c\u062a \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f. \u0631\u0627\u06cc\u062c \u062a\u0631\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0647 \u0634\u0631\u062d \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n
await tester.pumpWidget(const MyWidget());<\/p>\n
\u0627\u06cc\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06a9\u0627\u0646 \u062e\u0648\u0628\u06cc \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0628\u0631\u062e\u06cc \u0627\u0632 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0645\u0624\u0644\u0641\u0647 \u062e\u0648\u062f \u0627\u0633\u062a\u060c \u0645\u0627\u0646\u0646\u062f \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u062a\u0645 \u06cc\u0627 \u062d\u062a\u06cc \u062a\u0632\u0631\u06cc\u0642 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc. \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u062c\u0632\u0621 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0628\u067e\u06cc\u0686\u06cc\u062f MaterialApp \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u062f\u0627\u0634\u062a\u0646 \u062a\u0645\u0627\u0645 \u062a\u0645 \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0648 MediaQuery \u062a\u0646\u0638\u06cc\u0645\u0627\u062a<\/p>\n
await tester.pumpWidget(MaterialApp(home: const MyWidget()));<\/p>\n
\u0628\u0631\u0627\u06cc \u0645\u06a9\u0627\u0646 \u06cc\u0627\u0628\u06cc \u0639\u0646\u0627\u0635\u0631 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 CommonFinders singleton \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0631\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u0627\u0641\u062a\u0646 \u0639\u0646\u0635\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u0648 \u0639\u0644\u0627\u0645\u062a \u06af\u0630\u0627\u0631\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n
final buttonFinder = find.byType(ElevatedButton)
\nfinal textFinder = find.text(‘Hello world!’)
\nfinal myWidgetByKeyFinder = find.byKey(Key(‘MyWidget-Key’))<\/p>\n
\u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647\u060c \u0645\u0627\u0646\u0646\u062f buttonFinder \u0648 textFinder\u060c \u0639\u0646\u0627\u0635\u0631 \u0648\u0627\u0642\u0639\u06cc \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0646\u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u06cc\u06a9 “\u0631\u0627\u0647\u06cc” \u0628\u0631\u0627\u06cc \u06cc\u0627\u0641\u062a\u0646 \u0622\u0646\u0647\u0627 \u0647\u0633\u062a\u0646\u062f.<\/p>\n
expect(buttonFinder, findsOneWidget);<\/p>\n
\u062f\u0631 \u062a\u0633\u062a \u0628\u0627\u0644\u0627\u060c \u0645\u0646 \u062f\u0642\u06cc\u0642\u0627 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0647\u0633\u062a\u0645. \u0627\u06af\u0631 \u0647\u06cc\u0686 \u06cc\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u0645\u0648\u0631\u062f \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f\u060c \u0622\u0632\u0645\u0648\u0646 \u0646\u0627\u0645\u0648\u0641\u0642 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n
\u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0639\u0646\u0627\u0635\u0631\u060c \u0627\u0632 tester \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 testWidgets \u0631\u0648\u0634 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0642\u062f\u0627\u0645\u0627\u062a\u06cc \u0645\u0627\u0646\u0646\u062f \u0636\u0631\u0628\u0647 \u0632\u062f\u0646\u060c \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0645\u062a\u0646 \u06cc\u0627 \u06a9\u0634\u06cc\u062f\u0646 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f. \u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062e\u0648\u062f \u0639\u0646\u0635\u0631 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n
await tester.enterText(find.byType(TextField), ‘hi’);<\/p>\n
await tester.pump()<\/p>\n
\u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u062f\u0631\u062e\u062a \u0648\u06cc\u062c\u062a \u067e\u0633 \u0627\u0632 \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u0645\u06cc \u0634\u0648\u062f\u060c \u067e\u0645\u067e() \u06cc\u0627 pumpAndSettle() \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062e\u0644\u0627\u0635\u0647 \u0627\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631 \u0622\u0646\u0647\u0627 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0645\u0631\u06cc\u0646 \u06a9\u0646\u06cc\u0645!<\/p>\n
\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062c\u0632\u0621 \u0645\u062b\u0627\u0644 \u0645\u0627 \u0627\u0633\u062a:<\/p>\n
class PrimaryButton extends StatelessWidget {
\n PrimaryButton({
\n required String title,
\n super.key,
\n this.onTap,
\n this.backgroundColor = Colors.blue,
\n this.isLoading = false,
\n }) : title = Text(
\n title,
\n );<\/p>\n
final Widget title;
\n final VoidCallback? onTap;
\n final Color backgroundColor;
\n final bool isLoading;<\/p>\n
@override
\n Widget build(BuildContext context) => ElevatedButton(
\n style: ButtonStyle(
\n backgroundColor: MaterialStateProperty.resolveWith<Color>(
\n (Set<MaterialState> states) {
\n if (isLoading) {
\n return Colors.grey;
\n }<\/p>\n
return backgroundColor;
\n },
\n ),
\n ),
\n onPressed: isLoading ? null : onTap,
\n child: isLoading ? const CircularProgressIndicator() : title,
\n );
\n}<\/p>\n
\u0631\u0641\u062a\u0627\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0639\u062a\u0628\u0627\u0631 \u0628\u0631\u062c\u0633\u062a\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n
\u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647\u061b
\n\u0648\u0642\u062a\u06cc isLoading \u062f\u0631\u0633\u062a \u0627\u0633\u062a:<\/p>\n
onTap \u0646\u0628\u0627\u06cc\u062f \u0642\u0627\u0628\u0644 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0628\u0627\u0634\u062f.
\n\u06cc\u06a9 CircularProgressIndicator \u0628\u0627\u06cc\u062f \u0628\u0647 \u062c\u0627\u06cc \u0639\u0646\u0648\u0627\u0646 \u0645\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f.
\nbackgroundColor \u0628\u0627\u06cc\u062f Colors.grey \u0628\u0627\u0634\u062f.<\/p>\n
\u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc backgroundColor \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0645\u0624\u0644\u0641\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n
testWidgets(‘Slould be able to render and interact with PrimaryButton’,
\n (tester) async {
\n await tester.pumpWidget(MaterialApp(
\n home: PrimaryButton(
\n title: ‘title’,
\n backgroundColor: Colors.red,
\n onTap: () {},
\n ),
\n ));<\/p>\n
\/\/ …
\n});<\/p>\n
\u062d\u0627\u0644\u0627 \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0622\u06cc\u0627 \u0631\u0646\u06af \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0627\u0639\u0645\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631.<\/p>\n
\u0645\u0647\u0645 \u0627\u0633\u062a<\/p>\n
\u062f\u06a9\u0645\u0647 \u0631\u0646\u062f\u0631 \u0634\u062f\u0647 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0627\u06cc\u0646 \u0646\u06cc\u0633\u062a PrimaryButton \u0627\u0645\u0627 \u06cc\u06a9 ElevatedButton\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0647\u0627 \u0648 \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0628\u0627\u06cc\u062f \u0631\u0648\u06cc \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u0627\u0646\u062c\u0627\u0645 \u0634\u0648\u062f\u060c \u0646\u0647 \u0648\u0627\u0644\u062f \u0622\u0646. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c onTap \u0631\u0648\u0634 \u062f\u0631 PrimaryButton; \u0627\u06af\u0631 \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0647 \u0622\u0646 \u0636\u0631\u0628\u0647 \u0628\u0632\u0646\u06cc\u062f\u060c \u0647\u06cc\u0686 \u0627\u062a\u0641\u0627\u0642\u06cc \u0646\u0645\u06cc \u0627\u0641\u062a\u062f. \u0627\u0645\u0627 \u0628\u0627 \u0622\u0646 \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f ElevatedButton.<\/p>\n
\u0647\u0645\u06cc\u0646 \u0645\u0641\u0647\u0648\u0645 \u062f\u0631 \u0645\u0648\u0631\u062f \u06a9\u0644\u06cc\u062f\u0647\u0627 \u0646\u06cc\u0632 \u0635\u062f\u0642 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0639\u0646\u0635\u0631\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u06a9\u0644\u06cc\u062f \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0628\u062f\u0627\u0646\u06cc\u062f \u06a9\u0647 \u06a9\u0644\u06cc\u062f \u0631\u0627 \u0628\u0647 \u06a9\u062f\u0627\u0645 \u0648\u06cc\u062c\u062a \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f. \u062f\u0631 \u0645\u062b\u0627\u0644 \u0645\u0627\u060c \u06a9\u0644\u06cc\u062f \u0627\u0632 PrimaryButton \u0628\u0627 \u0641\u0631\u0632\u0646\u062f\u0634 \u06cc\u06a9\u06cc \u0646\u06cc\u0633\u062a ElevatedButton. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0627\u06af\u0631 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f \u062a\u062d\u0631\u06cc\u06a9 \u06a9\u0646\u06cc\u062f onTap \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0648\u0627\u0644\u062f\u06cc\u0646\u060c \u06a9\u0627\u0631 \u0646\u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f. \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u0644\u06cc\u062f\u0647\u0627\u06cc \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a Flutter \u067e\u06cc\u0634\u200c\u0641\u0631\u0636\u060c \u0628\u0627\u06cc\u062f \u0622\u0646\u0647\u0627 \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n
class PrimaryButton extends ElevatedButton {}<\/p>\n
\u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628\u060c \u0645\u0633\u0627\u0626\u0644 \u0630\u06a9\u0631 \u0634\u062f\u0647 \u062f\u0631 \u0628\u0627\u0644\u0627 \u0631\u062e \u0646\u062e\u0648\u0627\u0647\u062f \u062f\u0627\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0645\u0646 \u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0645 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0647\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645\u060c \u0632\u06cc\u0631\u0627 \u0627\u0632 \u06af\u0633\u062a\u0631\u0634 \u0648\u06cc\u062c\u062a\u200c\u0647\u0627 \u0631\u0627\u06cc\u062c\u200c\u062a\u0631 \u0627\u0633\u062a.<\/p>\n
\u0628\u0631\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0622\u06cc\u0627 \u0631\u0646\u06af\u06cc \u06a9\u0647 \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0631\u062f\u06cc\u0645 \u0648\u0627\u0642\u0639\u0627\u064b \u0627\u0639\u0645\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u06cc\u0645:<\/p>\n
final buttonFinder = find.byType(ElevatedButton);
\nfinal buttonWidget = tester.widget<ElevatedButton>(buttonFinder);<\/p>\n
expect(
\n buttonWidget.style?.backgroundColor?.resolve({}),
\n Colors.red,
\n);
\nexpect(find.text(‘title’), findsOneWidget);<\/p>\n
\u0628\u0627 \u0638\u0647\u0648\u0631 Material3 \u0648 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc MaterialStateProperty\u060c \u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 resolve \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062c\u0632\u0621 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062d\u0627\u0644\u062a \u062e\u0627\u0635. \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686 \u062d\u0627\u0644\u062a\u06cc \u0631\u0627 \u067e\u0627\u0633 \u0646\u06a9\u0631\u062f\u06cc\u0645\u060c \u0627\u0632 \u06cc\u06a9 \u062e\u0627\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 Set.<\/p>\n
\u0627\u0648\u0644\u06cc\u0646 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u06a9\u0627\u0645\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0639\u062f\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 onTap \u0631\u0648\u0634<\/p>\n
\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 onTap \u0631\u0648\u0634<\/p>\n
\u06cc\u06a9 \u0631\u0627\u0647 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u0623\u06cc\u06cc\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0622\u06cc\u0627 \u0645\u062a\u062f \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u06cc\u0627 \u062e\u06cc\u0631\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0633\u062a mockito \u06cc\u0627 mocktail.<\/p>\n
class OnTapMock extends Mock {
\n void call();
\n}<\/p>\n
void main() {
\n late OnTapMock onTapMock;<\/p>\n
setUp(() {
\n onTapMock = OnTapMock();
\n });
\n}<\/p>\n
\u0645\u0627 \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u062a\u0645\u0627\u0633 \u0628\u0631\u0627\u06cc onTap \u0631\u0648\u0634 \u0648 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0627\u0639\u062a\u0628\u0627\u0631 \u0633\u0646\u062c\u06cc:<\/p>\n
verifyNever(() => onTapMock());<\/p>\n
\u062d\u0627\u0644 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 \u0648\u0627\u0642\u0639\u06cc:<\/p>\n
await tester.tap(buttonFinder);<\/p>\n
verify(() => onTapMock());<\/p>\n
\u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u062f\u0631\u0633\u062a \u0627\u0633\u062a\u061f<\/p>\n
\u0647\u0646\u062f\u0644\u06cc\u0646\u06af isLoading == true<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062a\u0633\u062a \u062c\u062f\u06cc\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645:<\/p>\n
testWidgets(‘Slould be able to validate PrimaryButton behaivor with isLoading equals true’,
\n (tester) async {
\n await tester.pumpWidget(MaterialApp(
\n home: PrimaryButton(
\n title: ‘title’,
\n backgroundColor: Colors.red,
\n onTap: () => onTapMock(),
\n isLoading: true,
\n ),
\n ));
\n});<\/p>\n
\u0648 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0647\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f:<\/p>\n
final buttonFinder = find.byType(ElevatedButton);
\nfinal buttonWidget = tester.widget<ElevatedButton>(buttonFinder);<\/p>\n
expect(
\n buttonWidget.style?.backgroundColor?.resolve({}),
\n Colors.grey,
\n);
\nexpect(find.text(‘title’), findsNothing);
\nexpect(find.byType(CircularProgressIndicator), findsOneWidget);
\nverifyNever(() => onTapMock());<\/p>\n
await tester.tap(buttonFinder);<\/p>\n
verifyNever(() => onTapMock());<\/p>\n
\u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628\u060c \u0645\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627 isLoading == true \u062a\u06a9\u06cc\u0647 \u06af\u0627\u0647:<\/p>\n
\u0631\u0646\u06af \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a.
\n\u0639\u0646\u0648\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a.
\n\u0631\u0627 CircularProgressIndicator \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u061b
\n\u0636\u0631\u0628\u0647 \u0632\u062f\u0646 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a\u060c \u067e\u0627\u0633\u062e \u062a\u0645\u0627\u0633 \u0631\u0627 \u0622\u063a\u0627\u0632 \u0646\u0645\u06cc \u06a9\u0646\u062f.<\/p>\n
\u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062e\u0627\u0637\u0631 \u0627\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u0631\u0627 \u0627\u0635\u0644\u0627\u062d \u06a9\u0646\u06cc\u0645\u060c \u0632\u06cc\u0631\u0627 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645 \u06a9\u0647 \u0631\u0641\u062a\u0627\u0631 \u0622\u0646 \u062b\u0627\u0628\u062a \u0627\u0633\u062a.<\/p>\n
\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n
\u062a\u0633\u062a \u0648\u06cc\u062c\u062a \u062f\u0631 Flutter \u06cc\u06a9 \u0641\u0631\u0622\u06cc\u0646\u062f \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648 \u0644\u0630\u062a \u0628\u062e\u0634 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0631\u0641\u062a\u0627\u0631 \u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0648\u062b\u0631 \u062a\u0623\u06cc\u06cc\u062f \u06a9\u0646\u06cc\u062f. \u06af\u0627\u0647\u06cc \u0627\u0648\u0642\u0627\u062a\u060c \u0627\u06cc\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u200c\u0647\u0627 \u0627\u0632 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u062c\u0632\u0627\u06cc \u062e\u0648\u062f \u062a\u062c\u062f\u06cc\u062f \u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0634\u0628\u06cc\u0647 \u0622\u0646\u0686\u0647 \u062f\u0631 \u062a\u0633\u062a\u200c\u0647\u0627\u06cc \u0648\u0627\u062d\u062f \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc\u200c\u0627\u0641\u062a\u062f\u060c \u0627\u0633\u062a\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647\u0628\u0648\u062f \u0631\u0648\u0634\u06cc \u06a9\u0647 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627 \u0645\u0646\u062c\u0631 \u0628\u0647 \u06a9\u062f \u0642\u0648\u06cc\u200c\u062a\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n
\u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u06cc\u0646 \u062a\u0633\u062a\u200c\u0647\u0627 \u0647\u0646\u06af\u0627\u0645 \u0627\u06cc\u062c\u0627\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0631 \u06a9\u062f\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0631\u0641\u062a\u0627\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062f\u0633\u062a \u0646\u062e\u0648\u0631\u062f\u0647 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0627\u06af\u0631 \u0647\u0646\u0648\u0632 \u062a\u0633\u062a \u0648\u06cc\u062c\u062a \u0631\u0627 \u062f\u0631 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u062e\u0648\u062f \u0627\u062f\u063a\u0627\u0645 \u0646\u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f\u060c \u0627\u06a9\u0646\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0646\u0627\u0633\u0628\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u0633\u062a.<\/p>\n
\u0627\u06cc\u0646 \u0647\u0645\u0647 \u0628\u0631\u0627\u06cc \u0627\u0645\u0631\u0648\u0632 \u0627\u0633\u062a! \u062f\u0641\u0639\u0647 \u0628\u0639\u062f \u0645\u06cc \u0628\u06cc\u0646\u0645\u062a!<\/p>\n