Add clipBehavior to Card+InkWell example (#109872)

* Add clipBehavior to Card+InkWell example

* Add test for example

* Update comment

examples/api/lib/material/card/card.1.dart

@@ -32,6 +32,11 @@ class MyStatelessWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     return Center(
       child: Card(
+        // clipBehavior is necessary because, without it, the InkWell's animation
+        // will extend beyond the rounded edges of the [Card] (see https://github.com/flutter/flutter/issues/109776)
+        // This comes with a small performance cost, and you should not set [clipBehavior]
+        // unless you need it.
+        clipBehavior: Clip.hardEdge,
         child: InkWell(
           splashColor: Colors.blue.withAlpha(30),
           onTap: () {

examples/api/test/material/card/card.1_test.dart

+// Copyright 2014 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_api_samples/material/card/card.1.dart' as example;
+import 'package:flutter_test/flutter_test.dart';
+
+void main() {
+  testWidgets('Card has clip applied', (WidgetTester tester) async {
+    await tester.pumpWidget(const example.MyApp());
+
+    final Card card = tester.firstWidget(find.byType(Card));
+    expect(card.clipBehavior, Clip.hardEdge);
+  });
+}