@@ -665,7 +665,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
665665 for = " patternStringProp"
666666 style = " left: 0px; position: absolute;"
667667 >
668- I'm a string with a pattern
668+ I'm a string with a pattern (letters only)
669669 </label >
670670 <input
671671 id = " patternStringProp"
@@ -709,7 +709,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
709709 for = " ruleStringProp"
710710 style = " left: 0px; position: absolute;"
711711 >
712- I'm a string with a custom rule
712+ I'm a number with a custom rule (even numbers only)
713713 </label >
714714 <input
715715 id = " ruleStringProp"
@@ -737,7 +737,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
737737 class = " col col-12 vjsf-property vjsf-property-limitedInteger pa-0 pr-2"
738738 >
739739 <div
740- class = " v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted"
740+ class = " v-input v-input--has-state v-input-- is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted error--text "
741741 >
742742 <div
743743 class = " v-input__control"
@@ -749,7 +749,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
749749 class = " v-text-field__slot"
750750 >
751751 <label
752- class = " v-label v-label--active theme--light"
752+ class = " v-label v-label--active theme--light error--text "
753753 for = " limitedInteger"
754754 style = " left: 0px; position: absolute;"
755755 >
@@ -765,13 +765,20 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
765765 class = " v-text-field__details"
766766 >
767767 <div
768- class = " v-messages theme--light"
768+ class = " v-messages theme--light error--text"
769+ role = " alert"
769770 >
770771 <transition-group-stub
771772 class = " v-messages__wrapper"
772773 name = " message-transition"
773774 tag = " div"
774- />
775+ >
776+ <div
777+ class = " v-messages__message"
778+ >
779+ Value must be less than 100
780+ </div >
781+ </transition-group-stub >
775782 </div >
776783 </div >
777784 </div >
@@ -781,7 +788,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
781788 class = " col col-12 vjsf-property vjsf-property-limitedString pa-0 pr-2"
782789 >
783790 <div
784- class = " v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted"
791+ class = " v-input v-input--has-state v-input-- is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted error--text "
785792 >
786793 <div
787794 class = " v-input__control"
@@ -793,7 +800,7 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
793800 class = " v-text-field__slot"
794801 >
795802 <label
796- class = " v-label v-label--active theme--light"
803+ class = " v-label v-label--active theme--light error--text "
797804 for = " limitedString"
798805 style = " left: 0px; position: absolute;"
799806 >
@@ -809,13 +816,20 @@ exports[`Examples used as simple test cases Basic validation 1`] = `
809816 class = " v-text-field__details"
810817 >
811818 <div
812- class = " v-messages theme--light"
819+ class = " v-messages theme--light error--text"
820+ role = " alert"
813821 >
814822 <transition-group-stub
815823 class = " v-messages__wrapper"
816824 name = " message-transition"
817825 tag = " div"
818- />
826+ >
827+ <div
828+ class = " v-messages__message"
829+ >
830+ 10 characters minimum
831+ </div >
832+ </transition-group-stub >
819833 </div >
820834 </div >
821835 </div >
@@ -3653,7 +3667,7 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
36533667 style = " height: 2px; left: 0px; width: 0px;"
36543668 >
36553669 <div
3656- class = " v-tabs-slider"
3670+ class = " v-tabs-slider error "
36573671 />
36583672 </div >
36593673 <a
@@ -3664,7 +3678,7 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
36643678 tabindex = " 0"
36653679 >
36663680 <span
3667- class = " "
3681+ class = " error--text "
36683682 >
36693683 Section 1
36703684 </span >
@@ -3722,7 +3736,7 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
37223736 class = " col col-12 vjsf-property vjsf-property-tabs-section1-requiredStringProp1 pa-0 pr-2"
37233737 >
37243738 <div
3725- class = " v-input theme--light v-text-field v-text-field--is-booted"
3739+ class = " v-input v-input--has-state v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted error--text "
37263740 >
37273741 <div
37283742 class = " v-input__control"
@@ -3734,11 +3748,11 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
37343748 class = " v-text-field__slot"
37353749 >
37363750 <label
3737- class = " v-label theme--light"
3751+ class = " v-label v-label--active theme--light error--text "
37383752 for = " tabs-section1-requiredStringProp1"
37393753 style = " left: 0px; position: absolute;"
37403754 >
3741- I'm a required string
3755+ I'm a required string with min/max length
37423756 </label >
37433757 <input
37443758 id = " tabs-section1-requiredStringProp1"
@@ -3750,13 +3764,20 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
37503764 class = " v-text-field__details"
37513765 >
37523766 <div
3753- class = " v-messages theme--light"
3767+ class = " v-messages theme--light error--text"
3768+ role = " alert"
37543769 >
37553770 <transition-group-stub
37563771 class = " v-messages__wrapper"
37573772 name = " message-transition"
37583773 tag = " div"
3759- />
3774+ >
3775+ <div
3776+ class = " v-messages__message"
3777+ >
3778+ 10 characters minimum
3779+ </div >
3780+ </transition-group-stub >
37603781 </div >
37613782 </div >
37623783 </div >
@@ -3953,7 +3974,7 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
39533974 class = " v-expansion-panel"
39543975 >
39553976 <button
3956- class = " v-expansion-panel-header"
3977+ class = " v-expansion-panel-header error--text "
39573978 type = " button"
39583979 >
39593980 Section 2
@@ -3990,7 +4011,7 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
39904011 class = " col col-12 vjsf-property vjsf-property-panels-allOf-1-requiredStringProp2 pa-0 pr-2"
39914012 >
39924013 <div
3993- class = " v-input theme--light v-text-field v-text-field--is-booted"
4014+ class = " v-input v-input--has-state v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--is-booted error--text "
39944015 >
39954016 <div
39964017 class = " v-input__control"
@@ -4002,11 +4023,11 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
40024023 class = " v-text-field__slot"
40034024 >
40044025 <label
4005- class = " v-label theme--light"
4026+ class = " v-label v-label--active theme--light error--text "
40064027 for = " panels-allOf-1-requiredStringProp2"
40074028 style = " left: 0px; position: absolute;"
40084029 >
4009- I'm another required string
4030+ I'm a required string with min/max length
40104031 </label >
40114032 <input
40124033 id = " panels-allOf-1-requiredStringProp2"
@@ -4018,13 +4039,20 @@ exports[`Examples used as simple test cases Sections validation 1`] = `
40184039 class = " v-text-field__details"
40194040 >
40204041 <div
4021- class = " v-messages theme--light"
4042+ class = " v-messages theme--light error--text"
4043+ role = " alert"
40224044 >
40234045 <transition-group-stub
40244046 class = " v-messages__wrapper"
40254047 name = " message-transition"
40264048 tag = " div"
4027- />
4049+ >
4050+ <div
4051+ class = " v-messages__message"
4052+ >
4053+ 10 characters minimum
4054+ </div >
4055+ </transition-group-stub >
40284056 </div >
40294057 </div >
40304058 </div >
0 commit comments