From 4fa94484f1aa362c1acf1d56b5e01b2d3ed3dd0b Mon Sep 17 00:00:00 2001
From: Andrew Huth <ahuth@chanzuckerberg.com>
Date: Mon, 16 Nov 2020 10:36:24 -0800
Subject: [PATCH] Update input examples for change in axe-core rule

Placeholders now count as labels for inputs. See
- https://github.com/dequelabs/axe-core/pull/2448
- https://github.com/dequelabs/axe-core/issues/2413
- https://www.w3.org/TR/html-aam-1.0/#input-type-text-input-type-password-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-computation
---
 demo/src/stories/input.stories.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/demo/src/stories/input.stories.jsx b/demo/src/stories/input.stories.jsx
index 4e16c637..450dd5fe 100644
--- a/demo/src/stories/input.stories.jsx
+++ b/demo/src/stories/input.stories.jsx
@@ -17,10 +17,10 @@ export const Input1 = () => (
 );
 Input1.storyName = 'Input with label (should pass)';
 
-export const Input2 = () => <Input placeholder="Favorite coffee" />;
+export const Input2 = () => <Input />;
 Input2.storyName = 'Input without label (should fail)';
 
-export const Input3 = () => <Input placeholder="Favorite coffee" />;
+export const Input3 = () => <Input />;
 Input3.storyName = 'Input without label but skipped (should pass)';
 Input3.parameters = {
   axe: {
@@ -28,10 +28,10 @@ Input3.parameters = {
   },
 };
 
-export const Input4 = () => <Input placeholder="Favorite coffee" role="wut-the-wut" />;
+export const Input4 = () => <Input role="wut-the-wut" />;
 Input4.storyName = 'Input without label and invalid role (should fail)';
 
-export const Input5 = () => <Input placeholder="Favorite coffee" />;
+export const Input5 = () => <Input />;
 Input5.storyName = 'Input without label but "label" rule is disabled (should pass)';
 Input5.parameters = {
   axe: {