diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json index fd114ab31e17a68fb3e161fc37a66a2ffef45179..5b0d3c055f4345be43c29fc4697ae461b99a356e 100755 --- a/ace/ace_standard/src/main/config.json +++ b/ace/ace_standard/src/main/config.json @@ -127,8 +127,10 @@ "pages/tab-content/router/index", "pages/tab-content/prop/index", "pages/svg_text/index", - "pages/video/index", - "pages/gridContainer/index", + "pages/video/prop/index", + "pages/video/router/index", + "pages/gridContainer/prop/index", + "pages/gridContainer/router/index", "pages/gridRow/index", "pages/gridCol/index", "pages/canvas/index", diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.css b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.css new file mode 100644 index 0000000000000000000000000000000000000000..a5e78eb4ff7a1f62b028d2a5975683a4b1981384 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.css @@ -0,0 +1,491 @@ +/** + * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +.container { + flex-direction:row; + width:100%; + height:100%; +} + +.title{ + width: 100%; + font-size: 18px; + margin: 2px; + padding: 2px; + font-weight: bold; + text-align: center; +} + +.sub-title{ + width: 100%; + font-size: 14px; + text-align: left; + margin: 2px; + padding: 2px; +} + +.prop-container{ + flex-direction: column; + flex-weight: 1; +} + +#idProp { + flex-weight: 1; + background-color:#f00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +.classProp { + flex-weight: 1; + background-color:#0f0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#classPropNone { + flex-weight: 1; + background-color:#0000e0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#refProp { + flex-weight: 1; + background-color:#00f000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#refPropNone { + flex-weight: 1; + background-color:#00000e; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropTrue { + flex-weight: 1; + background-color:#000f00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropFalse { + flex-weight: 1; + background-color:#0000f0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#disabledPropNone { + flex-weight: 1; + background-color:#d00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropTrue { + flex-weight: 1; + background-color:#00000f; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropFalse { + flex-weight: 1; + background-color:#ff0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#focusablePropNone { + flex-weight: 1; + background-color:#0d0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dataProp { + flex-weight: 1; + background-color:#0ff000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dataPropNone { + flex-weight: 1; + background-color:#00d000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropSmall { + height: 15px; + background-color:#00ff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropMedium { + height: 15px; + background-color:#000ff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropLarge { + height: 15px; + background-color:#fff000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#clickEffectPropNone{ + height: 15px; + background-color:#000d00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropRtl { + flex-weight: 1; + background-color:#0fff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropAuto { + flex-weight: 1; + background-color:#00fff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropLtr { + flex-weight: 1; + background-color:#000fff; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#dirPropNone { + flex-weight: 1; + background-color:#0000d0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropNull { + flex-weight: 1; + background-color:#ffff00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropOne { + flex-weight: 1; + background-color:#00e000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#forPropThree { + flex-weight: 1; + background-color:#000e00; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropTrue { + flex-weight: 1; + background-color:#0ffff0; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropFalse { + flex-weight: 1; + background-color:#00ffff; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#ifPropNone { + flex-weight: 1; + background-color:#00000d; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropTrue { + flex-weight: 1; + background-color:#e00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropFalse { + flex-weight: 1; + background-color:#0e0000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +#showPropNone { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; +} + +.specific-container{ + flex-direction: column; + flex-weight: 1; +} + +#typeColumnsNull { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeColumnsXs { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeColumnsSm { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeColumnsMd { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeColumnsLg { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeSizetypeNull { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeSizetypeXs { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeSizetypeSm { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeSizetypeMd { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeSizetypeLg { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeGutter16 { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeGutter30 { + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} +#typeGridtemplateDefault{ + flex-weight: 1; + background-color:#c00000; + width: 100%; + margin-left: 10px; + margin-right: 10px; + padding-start: 10px; + padding-end: 10px; + margin-bottom: 4px; + +} diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..36ce334188499e758cb04663ebe38e12a7e89d15 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.hml @@ -0,0 +1,205 @@ + + +
+
+ + div通用属性 + + + + 通用属性 -- id + + + + + + 通用属性 -- class + + + + + + + + + 通用属性 -- style + + + + + + 通用属性 -- ref + + + + + + + + 通用属性 -- disabled + + + + + + + + + + 通用属性 -- focusable + + + + + + + + + + 通用属性 -- data-* + + + + + + + + 通用属性 -- click-effect + + + + + + + + + + + + 通用属性 -- dir + + + + + + + + + + + + 渲染属性 -- for + + + + + + + + + + 渲染属性 -- if + + + + + + 渲染属性 -- show + + + + + + + +
+ +
+
+
+ + grid-container特有属性 + + + grid-container特有属性 -- columns + + + + + + + + + + + + + grid-container特有属性 -- sizetype + + + + + + + + + + + + + grid-container特有属性 -- gutter + + + + + + + grid-container特有属性 -- gridtemplate + + + + + +
+
diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.js b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.js new file mode 100644 index 0000000000000000000000000000000000000000..407d5701fb2d3f8a4920aa3e435a2df01de8be5e --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/gridContainer/prop/index.js @@ -0,0 +1,161 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import prompt from '@system.prompt'; + +export default { + data:{ + listOne:[{}], + listThree:[{},{},{}], + idProp : null, + classProp : null, + classPropNone : null, + styleProp : null, + refProp : null, + refPropNone : null, + disabledPropTrue : null, + disabledPropFalse : null, + disabledPropNone : null, + focusablePropTrue : null, + focusablePropFalse : null, + focusablePropNone : null, + dataProp : null, + dataPropNone : null, + clickEffectPropSmall : null, + clickEffectPropMedium : null, + clickEffectPropLarge : null, + clickEffectPropNone : null, + dirPropRtl : null, + dirPropAuto : null, + dirPropLtr : null, + dirPropNone : null, + forPropNull : null, + forPropOne : null, + forPropThree : null, + ifPropTrue : null, + showPropTrue : null, + showPropFalse : null, + showPropNone : null, + typeColumnsNull : null, + typeColumnsSm : null, + typeColumnsXs : null, + typeColumnsMd : null, + typeColumnsLg : null, + typeSizetypeNull : null, + typeSizetypeXs : null, + typeSizetypeSm : null, + typeSizetypeMd : null, + typeSizetypeLg : null, + typeGutter16 : null, + typeGutter30 : null, + typeGridtemplateDefault : null, + }, + + onShow(){ + this.getCommonPropValues(); + globalThis.value = { + idProp : this.idProp, + classProp : this.classProp, + classPropNone : this.classPropNone, + styleProp : this.styleProp, + refProp : this.refProp, + refPropNone : this.refPropNone, + disabledPropTrue : this.disabledPropTrue, + disabledPropFalse : this.disabledPropFalse, + disabledPropNone : this.disabledPropNone, + focusablePropTrue : this.focusablePropTrue, + focusablePropFalse : this.focusablePropFalse, + focusablePropNone : this.focusablePropNone, + dataProp : this.dataProp, + dataPropNone : this.dataPropNone, + clickEffectPropSmall : this.clickEffectPropSmall, + clickEffectPropMedium : this.clickEffectPropMedium, + clickEffectPropLarge : this.clickEffectPropLarge, + clickEffectPropNone : this.clickEffectPropNone, + dirPropRtl : this.dirPropRtl, + dirPropAuto : this.dirPropAuto, + dirPropLtr : this.dirPropLtr, + dirPropNone : this.dirPropNone, + forPropNull : this.forPropNull, + forPropOne : this.forPropOne, + forPropThree : this.forPropThree, + ifPropTrue : this.ifPropTrue, + showPropTrue : this.showPropTrue, + showPropFalse : this.showPropFalse, + showPropNone : this.showPropNone, + typeColumnsNull : this.typeColumnsNull, + typeColumnsSm : this.typeColumnsSm, + typeColumnsXs : this.typeColumnsXs, + typeColumnsMd : this.typeColumnsMd, + typeColumnsLg : this.typeColumnsLg, + typeSizetypeNull : this.typeSizetypeNull, + typeSizetypeXs : this.typeSizetypeXs, + typeSizetypeSm : this.typeSizetypeSm, + typeSizetypeMd : this.typeSizetypeMd, + typeSizetypeLg : this.typeSizetypeLg, + typeGutter16 : this.typeGutter16, + typeGutter30 : this.typeGutter30, + typeGridtemplateDefault : this.typeGridtemplateDefault, + } + }, + + getCommonPropValues(){ + this.idProp = this.$element("idProp").getInspector() + this.classProp = this.$element("classProp").getInspector() + this.classPropNone = this.$element("classPropNone").getInspector() + this.styleProp = this.$element("styleProp").getInspector() + this.refProp = this.$element("refProp").getInspector() + this.refPropNone = this.$element("refPropNone").getInspector() + this.disabledPropTrue = this.$element("disabledPropTrue").getInspector() + this.disabledPropFalse = this.$element("disabledPropFalse").getInspector() + this.disabledPropNone = this.$element("disabledPropNone").getInspector() + this.focusablePropTrue = this.$element("focusablePropTrue").getInspector() + this.focusablePropFalse = this.$element("focusablePropFalse").getInspector() + this.focusablePropNone = this.$element("focusablePropNone").getInspector() + this.dataProp = this.$element("dataProp").getInspector() + this.dataPropNone = this.$element("dataPropNone").getInspector() + this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector() + this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector() + this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector() + this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector() + this.dirPropRtl = this.$element("dirPropRtl").getInspector() + this.dirPropAuto = this.$element("dirPropAuto").getInspector() + this.dirPropLtr = this.$element("dirPropLtr").getInspector() + this.dirPropNone = this.$element("dirPropNone").getInspector() + this.forPropNull = this.$element("forPropNull").getInspector() + this.forPropOne = this.$element("forPropOne").getInspector() + this.forPropThree = this.$element("forPropThree").getInspector() + this.ifPropTrue = this.$element("ifPropTrue").getInspector() + this.showPropTrue = this.$element("showPropTrue").getInspector() + this.showPropFalse = this.$element("showPropFalse").getInspector() + this.showPropNone = this.$element("showPropNone").getInspector() + + //特有属性 + this.typeColumnsNull = this.$element("typeColumnsNull").getInspector() + this.typeColumnsXs = this.$element("typeColumnsXs").getInspector() + this.typeColumnsSm = this.$element("typeColumnsSm").getInspector() + this.typeColumnsMd = this.$element("typeColumnsMd").getInspector() + this.typeColumnsLg = this.$element("typeColumnsLg").getInspector() + this.typeSizetypeNull = this.$element("typeSizetypeNull").getInspector() + this.typeSizetypeXs = this.$element("typeSizetypeXs").getInspector() + this.typeSizetypeSm = this.$element("typeSizetypeSm").getInspector() + this.typeSizetypeMd = this.$element("typeSizetypeMd").getInspector() + this.typeSizetypeLg = this.$element("typeSizetypeLg").getInspector() + this.typeGutter16 = this.$element("typeGutter16").getInspector() + this.typeGutter30 = this.$element("typeGutter30").getInspector() + this.typeGridtemplateDefault = this.$element("typeGridtemplateDefault").getInspector() + + }, +} diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/index.css b/ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.css similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/gridContainer/index.css rename to ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.css diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/index.hml b/ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.hml similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/gridContainer/index.hml rename to ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.hml diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/index.js b/ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.js similarity index 100% rename from ace/ace_standard/src/main/js/default/pages/gridContainer/index.js rename to ace/ace_standard/src/main/js/default/pages/gridContainer/router/index.js diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.css b/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.css new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.hml b/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.hml new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.js b/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.js new file mode 100644 index 0000000000000000000000000000000000000000..336492c8796cfa5ad4c6daef37793e77aebe4d8a --- /dev/null +++ b/ace/ace_standard/src/main/js/default/pages/gridContainer/style/index.js @@ -0,0 +1,14 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ diff --git a/ace/ace_standard/src/main/js/default/test/List.test.js b/ace/ace_standard/src/main/js/default/test/List.test.js index 7b085e61850449c6971a9c2e88560238cca11987..f1bd19969994ec61c5f54dc18dbb633d41b64b36 100755 --- a/ace/ace_standard/src/main/js/default/test/List.test.js +++ b/ace/ace_standard/src/main/js/default/test/List.test.js @@ -55,3 +55,5 @@ require('./ratingProps.test.js') require('./inputProps.test.js') require('./imageAnimatorProps.test.js') require('./textareaProps.test.js') +require('./videoProps.test.js') +require('./gridContainerProps.test.js') \ No newline at end of file diff --git a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js index 7d6847d51c799faa611f8458719965a3f4954fbc..29544db2f6c007449bfe839e36a24ad1017319b1 100644 --- a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js +++ b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js @@ -996,7 +996,7 @@ describe('aceJsTest', function () { it('testVideoComponent', 0, async function (done) { let result; let options = { - uri: 'pages/video/index' + uri: 'pages/video/router/index' } try { result = router.push(options) @@ -1007,7 +1007,7 @@ describe('aceJsTest', function () { await sleep(5000) let pages = router.getState(); console.info("[router.video] getState" + JSON.stringify(pages)); - expect("pages/video/").assertEqual(pages.path); + expect("pages/video/router/").assertEqual(pages.path); done(); }); @@ -1042,7 +1042,7 @@ describe('aceJsTest', function () { it('testGridContainerComponent', 0, async function (done) { let result; let options = { - uri: 'pages/gridContainer/index' + uri: 'pages/gridContainer/router/index' } try { result = router.push(options) @@ -1053,7 +1053,7 @@ describe('aceJsTest', function () { await sleep(5000) let pages = router.getState(); console.info("[router.gridContainer] getState" + JSON.stringify(pages)); - expect("pages/gridContainer/").assertEqual(pages.path); + expect("pages/gridContainer/router/").assertEqual(pages.path); done(); }); diff --git a/ace/ace_standard/src/main/js/default/test/gridContainerProps.test.js b/ace/ace_standard/src/main/js/default/test/gridContainerProps.test.js new file mode 100644 index 0000000000000000000000000000000000000000..c884a2548ffabad14dc211ced51e4d5e94b2d106 --- /dev/null +++ b/ace/ace_standard/src/main/js/default/test/gridContainerProps.test.js @@ -0,0 +1,883 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import router from '@system.router'; +import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index'; + + +describe('gridContainerPropsJsTest', function () { + + async function sleep(time) { + return new Promise((resolve, reject) => { + setTimeout(() => { + resolve() + }, time) + }).then(() => { + console.info(`sleep ${time} over...`) + }) + } + + async function backToIndex() { + let backToIndexPromise = new Promise((resolve, reject) => { + setTimeout(() => { + router.back({ + uri: 'pages/index/index' + }); + resolve(); + }, 500); + }); + let clearPromise = new Promise((resolve, reject) => { + setTimeout(() => { + router.clear(); + resolve(); + }, 500); + }); + await backToIndexPromise.then(() => { + return clearPromise; + }); + } + + /** + * run before testcase + */ + beforeAll(async function (done) { + console.info('[gridContainerPropsJsTest] before each called') + + let result; + let options = { + uri: 'pages/gridContainer/prop/index' + } + try { + result = router.push(options) + console.info("push gridContainerProps page success " + JSON.stringify(result)); + } catch (err) { + console.error("push gridContainerProps page error " + JSON.stringify(result)); + } + await sleep(4000) + done() + }); + + /** + * run after testcase + */ + afterAll(async function () { + console.info('[gridContainerPropsJsTest] after each called') + await backToIndex() + await sleep(1000) + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerIdProp + * @tc.desc ACE + */ + it('testgridContainerIdProp', 0, async function (done) { + console.info('testgridContainerIdProp START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.idProp); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('idProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClassProp + * @tc.desc ACE + */ + it('testgridContainerClassProp', 0, async function (done) { + console.info('testgridContainerClassProp START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classProp); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('classProp') + expect(obj.$attrs.className).assertEqual('classProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClassPropNone + * @tc.desc ACE + */ + it('testgridContainerClassPropNone', 0, async function (done) { + console.info('testgridContainerClassPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.classPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('classPropNone') + expect(obj.$attrs.className).assertEqual(undefined) + console.info("[gridContainerProps] get className value is: " + JSON.stringify(obj.$attrs.className)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerRefProp + * @tc.desc ACE + */ + it('testgridContainerRefProp', 0, async function (done) { + console.info('testgridContainerRefProp START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refProp); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('refProp') + expect(obj.$attrs.ref).assertEqual('refProp') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerRefPropNone + * @tc.desc ACE + */ + it('testgridContainerRefPropNone', 0, async function (done) { + console.info('testgridContainerRefPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.refPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('refPropNone') + expect(obj.$attrs.ref).assertEqual(undefined) + console.info("[gridContainerProps] get ref value is: " + JSON.stringify(obj.$attrs.ref)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDisabledPropTrue + * @tc.desc ACE + */ + it('testgridContainerDisabledPropTrue', 0, async function (done) { + console.info('testgridContainerDisabledPropTrue START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropTrue); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('disabledPropTrue') + expect(obj.$attrs.disabled).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDisabledPropFalse + * @tc.desc ACE + */ + it('testgridContainerDisabledPropFalse', 0, async function (done) { + console.info('testgridContainerDisabledPropFalse START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropFalse); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('disabledPropFalse') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDisabledPropNone + * @tc.desc ACE + */ + it('testgridContainerDisabledPropNone', 0, async function (done) { + console.info('testgridContainerDisabledPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.disabledPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('disabledPropNone') + expect(obj.$attrs.disabled).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerFocusablePropTrue + * @tc.desc ACE + */ + it('testgridContainerFocusablePropTrue', 0, async function (done) { + console.info('testgridContainerFocusablePropTrue START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropTrue); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('focusablePropTrue') + expect(obj.$attrs.focusable).assertEqual('true') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerFocusablePropFalse + * @tc.desc ACE + */ + it('testgridContainerFocusablePropFalse', 0, async function (done) { + console.info('testgridContainerFocusablePropFalse START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropFalse); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('focusablePropFalse') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerFocusablePropNone + * @tc.desc ACE + */ + it('testgridContainerFocusablePropNone', 0, async function (done) { + console.info('testgridContainerFocusablePropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.focusablePropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('focusablePropNone') + expect(obj.$attrs.focusable).assertEqual('false') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDataProp + * @tc.desc ACE + */ + it('testgridContainerDataProp', 0, async function (done) { + console.info('testgridContainerDataProp START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataProp); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dataProp') + expect(obj.$attrs.datagridContainer).assertEqual(undefined); + console.info("[gridContainerProps] get datagridContainer value is: " + JSON.stringify(obj.$attrs.datagridContainer)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDataPropNone + * @tc.desc ACE + */ + it('testgridContainerDataPropNone', 0, async function (done) { + console.info('testgridContainerDataPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dataPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dataPropNone') + expect(obj.$attrs.datagridContainer).assertEqual(undefined) + console.info("[gridContainerProps] get datagridContainer value is: " + JSON.stringify(obj.$attrs.datagridContainer)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClickEffectPropSmall + * @tc.desc ACE + */ + it('testgridContainerClickEffectPropSmall', 0, async function (done) { + console.info('testgridContainerClickEffectPropSmall START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropSmall); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('clickEffectPropSmall') + expect(obj.$attrs.clickEffect).assertEqual('spring-small') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClickEffectPropMedium + * @tc.desc ACE + */ + it('testgridContainerClickEffectPropMedium', 0, async function (done) { + console.info('testgridContainerClickEffectPropMedium START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropMedium); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('clickEffectPropMedium') + expect(obj.$attrs.clickEffect).assertEqual('spring-medium') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClickEffectPropLarge + * @tc.desc ACE + */ + it('testgridContainerClickEffectPropLarge', 0, async function (done) { + console.info('testgridContainerClickEffectPropLarge START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropLarge); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('clickEffectPropLarge') + expect(obj.$attrs.clickEffect).assertEqual('spring-large') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerClickEffectPropNone + * @tc.desc ACE + */ + it('testgridContainerClickEffectPropNone', 0, async function (done) { + console.info('testgridContainerClickEffectPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.clickEffectPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('clickEffectPropNone') + expect(obj.$attrs.clickEffect).assertEqual(undefined) + console.info("[gridContainerProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDirPropRtl + * @tc.desc ACE + */ + it('testgridContainerDirPropRtl', 0, async function (done) { + console.info('testgridContainerDirPropRtl START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropRtl); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dirPropRtl') + expect(obj.$attrs.dir).assertEqual('rtl') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDirPropLtr + * @tc.desc ACE + */ + it('testgridContainerDirPropLtr', 0, async function (done) { + console.info('testgridContainerDirPropLtr START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropLtr); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dirPropLtr') + expect(obj.$attrs.dir).assertEqual('ltr') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDirPropAuto + * @tc.desc ACE + */ + it('testgridContainerDirPropAuto', 0, async function (done) { + console.info('testgridContainerDirPropAuto START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropAuto); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dirPropAuto') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerDirPropNone + * @tc.desc ACE + */ + it('testgridContainerDirPropNone', 0, async function (done) { + console.info('testgridContainerDirPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.dirPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('dirPropNone') + expect(obj.$attrs.dir).assertEqual('auto') + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerForPropNull + * @tc.desc ACE + */ + it('testgridContainerForPropNull', 0, async function (done) { + console.info('testgridContainerForPropNull START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropNull); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('forPropNull') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[gridContainerProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerForPropOne + * @tc.desc ACE + */ + it('testgridContainerForPropOne', 0, async function (done) { + console.info('testgridContainerForPropOne START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropOne); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('forPropOne') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[gridContainerProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerForPropThree + * @tc.desc ACE + */ + it('testgridContainerForPropThree', 0, async function (done) { + console.info('testgridContainerForPropThree START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.forPropThree); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('forPropThree') + expect(obj.$attrs.for).assertEqual(undefined) + console.info("[gridContainerProps] get for value is: " + JSON.stringify(obj.$attrs.for)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerIfPropTrue + * @tc.desc ACE + */ + it('testgridContainerIfPropTrue', 0, async function (done) { + console.info('testgridContainerIfPropTrue START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.ifPropTrue); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('ifPropTrue') + expect(obj.$attrs.if).assertEqual(undefined) + console.info("[gridContainerProps] get for value is: " + JSON.stringify(obj.$attrs.if)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropTrue + * @tc.desc ACE + */ + it('testgridContainerShowPropTrue', 0, async function (done) { + console.info('testgridContainerShowPropTrue START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropTrue); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('showPropTrue') + expect(obj.$attrs.show).assertEqual('true') + console.info("[gridContainerProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropFalse + * @tc.desc ACE + */ + it('testgridContainerShowPropFalse', 0, async function (done) { + console.info('testgridContainerShowPropFalse START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropFalse); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('showPropFalse') + expect(obj.$attrs.show).assertEqual('false') + console.info("[gridContainerProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerShowPropNone', 0, async function (done) { + console.info('testgridContainerShowPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.showPropNone); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('showPropNone') + expect(obj.$attrs.show).assertEqual("true") + console.info("[gridContainerProps] get show value is: " + JSON.stringify(obj.$attrs.show)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerColumnsPropNone', 0, async function (done) { + console.info('testgridContainerXsPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeColumnsNull); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeColumnsNull') + expect(obj.$attrs.columns).assertEqual('auto') + console.info("[gridContainerProps] get columns value is: " + JSON.stringify(obj.$attrs.columns)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerColumnsPropXs', 0, async function (done) { + console.info('testgridContainerXsProp1 START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeColumnsXs); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeColumnsXs') + expect(obj.$attrs.columns).assertEqual('xs') + console.info("[gridContainerProps] get columns value is: " + JSON.stringify(obj.$attrs.columns)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerColumnsPropSm', 0, async function (done) { + console.info('testgridContainerXsProp1 START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeColumnsSm); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeColumnsSm') + expect(obj.$attrs.columns).assertEqual('sm') + console.info("[gridContainerProps] get columns value is: " + JSON.stringify(obj.$attrs.columns)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerColumnsPropMd', 0, async function (done) { + console.info('testgridContainerXsPropObject START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeColumnsMd); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeColumnsMd') + expect(obj.$attrs.columns).assertEqual("md") + console.info("[gridContainerProps] get columns value is: " + JSON.stringify(obj.$attrs.columns)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerColumnsPropLg', 0, async function (done) { + console.info('testgridContainerXsPropObject START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeColumnsLg); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeColumnsLg') + expect(obj.$attrs.columns).assertEqual("lg") + console.info("[gridContainerProps] get columns value is: " + JSON.stringify(obj.$attrs.columns)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerSizePropNone', 0, async function (done) { + console.info('testgridContainerXsPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeSizetypeNull); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeSizetypeNull') + expect(obj.$attrs.sizetype).assertEqual("auto") + console.info("[gridContainerProps] get size value is: " + JSON.stringify(obj.$attrs.sizetype)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerSizePropXs', 0, async function (done) { + console.info('testgridContainerXsProp1 START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeSizetypeXs); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeSizetypeXs') + expect(obj.$attrs.sizetype).assertEqual("xs" ) + console.info("[gridContainerProps] get size value is: " + JSON.stringify(obj.$attrs.sizetype)); + done(); + }); + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerSizePropSm', 0, async function (done) { + console.info('testgridContainerXsProp1 START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeSizetypeSm); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeSizetypeSm') + expect(obj.$attrs.sizetype).assertEqual('sm') + console.info("[gridContainerProps] get size value is: " + JSON.stringify(obj.$attrs.sizetype)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerSizePropMd', 0, async function (done) { + console.info('testgridContainerXsPropObject START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeSizetypeMd); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeSizetypeMd') + expect(obj.$attrs.sizetype).assertEqual("md") + console.info("[gridContainerProps] get size value is: " + JSON.stringify(obj.$attrs.sizetype)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerSizePropLg', 0, async function (done) { + console.info('testgridContainerXsPropObject START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeSizetypeLg); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeSizetypeLg') + expect(obj.$attrs.sizetype).assertEqual("lg") + console.info("[gridContainerProps] get size value is: " + JSON.stringify(obj.$attrs.sizetype)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerGutterProp16', 0, async function (done) { + console.info('testgridContainerSmPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeGutter16); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeGutter16') + expect(obj.$attrs.gutter).assertEqual("16px") + console.info("[gridContainerProps] get gutter value is: " + JSON.stringify(obj.$attrs.gutter)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerGutterProp30', 0, async function (done) { + console.info('testgridContainerSmPropNone START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeGutter30); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeGutter30') + expect(obj.$attrs.gutter).assertEqual("30px") + console.info("[gridContainerProps] get gutter value is: " + JSON.stringify(obj.$attrs.gutter)); + done(); + }); + + /** + * @tc.number SUB_ACE_BASIC_COMPONENT_JS_API_0100 + * @tc.name testgridContainerShowPropNone + * @tc.desc ACE + */ + it('testgridContainerGridtemplatePropDefault', 0, async function (done) { + console.info('testgridContainerSmProp1 START'); + console.info("[gridContainerProps] get globalThis.value is: " + JSON.stringify(globalThis.value)); + + let obj = JSON.parse(globalThis.value.typeGridtemplateDefault); + console.info("[gridContainerProps] get inspector value is: " + JSON.stringify(obj)); + console.info("[gridContainerProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs)); + + expect(obj.$type).assertEqual('grid-container') + expect(obj.$attrs.id).assertEqual('typeGridtemplateDefault') + expect(obj.$attrs.gridtemplate).assertEqual("default") + console.info("[gridContainerProps] get gridtemplate value is: " + JSON.stringify(obj.$attrs.gridtemplate)); + done(); + }); + +});