remove semantics and update locators in demo-app with valueKey

Author: saikrishna321

demo-app/lib/screens/double_and_long_tap_screen.dart

@@ -139,11 +139,8 @@ class _LongPressScreenState extends State<LongPressScreen> {
           ),
           Padding(
             padding: const EdgeInsets.all(18.0),
-            child: Semantics(
-              label: "long_press_button",
-              explicitChildNodes: true,
-              container: true,
               child: InkWell(
+                key: const ValueKey("long_press_button"),
                 onLongPress: () async {
                   await _showLongPressPopup();
                 },
@@ -160,7 +157,6 @@ class _LongPressScreenState extends State<LongPressScreen> {
                   ),
                 ),
               ),
-            ),
           )
         ],
       ),

demo-app/lib/screens/drag_and_drop_screen.dart

@@ -47,6 +47,7 @@ class _DragAndDropScreenState extends State<DragAndDropScreen> {
                     width: 100.0,
                     color: Colors.cyan,
                     child: const Center(
+                      key: ValueKey("drop_zone"),
                       child: Text('Drop here'),
                     ),
                   );
@@ -80,11 +81,8 @@ class _DragAndDropScreenState extends State<DragAndDropScreen> {
                           curve: Curves.fastOutSlowIn,
                           child: GestureDetector(
                             onTap: () {},
-                            child: Semantics(
-                              label: "drag_me",
-                              explicitChildNodes: true,
-                              container: true,
                               child: Draggable<int>(
+                                key: const ValueKey("drag_me"),
                                 onDragStarted: () {},
                                 onDragUpdate: (details) => {
                                   setState(() {
@@ -123,7 +121,6 @@ class _DragAndDropScreenState extends State<DragAndDropScreen> {
                                   ),
                                 ),
                               ),
-                            ),
                           ),
                         ),
                       ],

demo-app/lib/screens/lazy_loading.dart

@@ -44,19 +44,17 @@ class _LazyLoadingScreenState extends State<LazyLoadingScreen> {
                 // textField: true,
                 explicitChildNodes: true,
                 container: true,
-                child: const Text("Hello world"),
+                child: const Text("Hello world",
+                  key: ValueKey("message_field")),
               )
             ],
             const SizedBox(
               height: 30,
             ),
             Padding(
               padding: const EdgeInsets.all(18.0),
-              child: Semantics(
-                label: "toggle_button",
-                explicitChildNodes: true,
-                container: true,
-                child: InkWell(
+              child: InkWell(
+                key: const ValueKey("toggle_button"),
                   onTap: !isLoading
                       ? () async {
                           toggleMessage();
@@ -74,7 +72,6 @@ class _LazyLoadingScreenState extends State<LazyLoadingScreen> {
                     )),
                   ),
                 ),
-              ),
             ),
             const SizedBox(
               height: 100,

demo-app/lib/screens/login_screen.dart

@@ -79,10 +79,10 @@ class _LoginScreenState extends State<LoginScreen> {
               width: double.infinity,
               child: Semantics(
                 label: "login_button",
-                key: const Key("login_button"),
                 explicitChildNodes: true,
                 container: true,
                 child: ElevatedButton(
+                  key: const ValueKey("LoginButton"),
                   onPressed: () {
                     _validateCredentials();
                   },