Skip to content

Commit

Permalink
inprogress
Browse files Browse the repository at this point in the history
  • Loading branch information
pomahtri committed Dec 5, 2024
1 parent 0802dd9 commit 1189030
Show file tree
Hide file tree
Showing 9 changed files with 424 additions and 364 deletions.
2 changes: 1 addition & 1 deletion packages/devextreme/jest.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ module.exports = {
preset: 'ts-jest',
reporters: [
'default',
['jest-json-reporter', {}],
// ['jest-json-reporter', {}],
],
testMatch: [
// TODO: change to '<rootDir>/**/*.test.(ts|tsx)' after removing renovation
Expand Down
5 changes: 5 additions & 0 deletions packages/devextreme/js/__internal/core/widget/component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,11 @@ OptionChangedEventInfo<TComponent>

// eslint-disable-next-line @typescript-eslint/no-explicit-any
defaultOptionsRules?: DefaultOptionsRule<any>[];

integrationOptions?: {
// TODO: fill in remaining options
isControlledMode?: boolean;
};
}

// eslint-disable-next-line max-len
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,334 @@ exports[`common initial render should be successfull 1`] = `
<div
class="dx-widget dx-cardview"
>
This is cardView
<div
class="dx-toolbar dx-widget dx-visibility-change-handler dx-collection"
role="toolbar"
>
<div
class="dx-toolbar-items-container"
>
<div
class="dx-toolbar-before"
role="presentation"
/>
<div
class="dx-toolbar-center"
role="presentation"
/>
<div
class="dx-toolbar-after"
role="presentation"
>
<div
class="dx-item dx-toolbar-item dx-toolbar-button dx-toolbar-item-auto-hide"
>
<div
class="dx-item-content dx-toolbar-item-content"
>
<input />
</div>
</div>
<div
class="dx-item dx-toolbar-item dx-toolbar-button dx-toolbar-item-auto-hide dx-toolbar-text-auto-hide"
>
<div
class="dx-item-content dx-toolbar-item-content"
>
<div
aria-haspopup="dialog"
aria-label="column-chooser"
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-icon"
role="button"
tabindex="0"
>
<div
class="dx-button-content"
>
<i
class="dx-icon dx-icon-column-chooser"
/>
</div>
</div>
</div>
</div>
<div
class="dx-item dx-toolbar-item dx-toolbar-button"
>
<div
class="dx-item-content dx-toolbar-item-content"
>
<div
aria-label="edit"
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
role="button"
tabindex="0"
>
<div
class="dx-button-content"
>
<span
class="dx-button-text"
>
edit
</span>
</div>
</div>
</div>
</div>
<div
aria-disabled="true"
class="dx-state-disabled dx-item dx-toolbar-item dx-toolbar-button"
>
<div
class="dx-item-content dx-toolbar-item-content"
>
<div
aria-label="revert"
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
role="button"
tabindex="-1"
>
<div
class="dx-button-content"
>
<span
class="dx-button-text"
>
revert
</span>
</div>
</div>
</div>
</div>
<div
aria-disabled="true"
class="dx-state-disabled dx-item dx-toolbar-item dx-toolbar-button"
>
<div
class="dx-item-content dx-toolbar-item-content"
>
<div
aria-label="save"
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-text"
role="button"
tabindex="-1"
>
<div
class="dx-button-content"
>
<span
class="dx-button-text"
>
save
</span>
</div>
</div>
</div>
</div>
<div
class="dx-toolbar-button dx-toolbar-menu-container dx-state-invisible"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-label="overflow"
class="dx-widget dx-button dx-button-mode-contained dx-button-normal dx-button-has-icon dx-dropdownmenu dx-dropdownmenu-button"
role="button"
tabindex="0"
>
<div
class="dx-button-content"
>
<i
class="dx-icon dx-icon-overflow"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="dx-cardview-headers"
>
<div
class="dx-sortable"
>
<div
class="dx-cardview-header-item"
>
A
<div
aria-label="Close"
class="dx-widget dx-button dx-button-mode-text dx-button-normal dx-button-has-icon dx-cardview-header-item-button"
role="button"
tabindex="0"
>
<div
class="dx-button-content"
>
<i
class="dx-icon dx-icon-close"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="dx-cardview-contentview"
>
<div
class="dx-overlay dx-widget dx-state-invisible dx-visibility-change-handler dx-loadpanel"
>
<div
class="dx-overlay-content"
style="width: 222px; height: 90px;"
/>
</div>
<div
class="dx-scrollable dx-visibility-change-handler dx-scrollable-both dx-scrollable-simulated"
>
<div
class="dx-scrollable-wrapper"
>
<div
class="dx-scrollable-container"
tabindex="0"
>
<div
class="dx-scrollable-content"
style="left: 0px; top: 0px; transform: none;"
>
<div
class="dx-cardview-content dx-cardview-content-grid"
style="--dx-cardview-cardsperrow: 3;"
tabindex="0"
>
<div
class="dx-cardview-card"
style="min-width: undefinedpx; max-width: undefinedpx;"
tabindex="0"
>
<div
class="dx-toolbar dx-widget dx-visibility-change-handler dx-collection dx-toolbar-mini"
role="toolbar"
>
<div
class="dx-toolbar-items-container"
>
<div
class="dx-toolbar-before"
role="presentation"
/>
<div
class="dx-toolbar-center"
role="presentation"
/>
<div
class="dx-toolbar-after"
role="presentation"
/>
</div>
</div>
<div
class="dx-cardview-field"
tabindex="0"
>
<span
class="dx-cardview-field-name"
>
A
:
</span>
<span
class="dx-cardview-field-value"
style="text-align: left;"
>
a
</span>
</div>
</div>
</div>
</div>
<div
class="dx-scrollable-scrollbar dx-widget dx-scrollbar-horizontal"
>
<div
class="dx-scrollable-scroll dx-state-invisible"
style="width: 15px; transform: translate(0px, 0px);"
>
<div
class="dx-scrollable-scroll-content"
/>
</div>
</div>
<div
class="dx-scrollable-scrollbar dx-widget dx-scrollbar-vertical"
>
<div
class="dx-scrollable-scroll dx-state-invisible"
style="height: 15px; transform: translate(0px, 0px);"
>
<div
class="dx-scrollable-scroll-content"
/>
</div>
</div>
</div>
</div>
</div>
<div
class="dx-gridcore-error-row"
/>
</div>
<div
aria-label="Page navigation"
class="dx-widget dx-pagination"
role="navigation"
>
<div
class="dx-page-sizes"
>
<div
aria-label="Items per page: 5"
class="dx-page-size dx-first-child"
role="button"
tabindex="0"
>
5
</div>
<div
aria-label="Items per page: 10"
class="dx-page-size"
role="button"
tabindex="0"
>
10
</div>
</div>
<div
class="dx-pages"
style="visibility: hidden;"
>
<div
class="dx-page-indexes"
>
<div
aria-current="page"
aria-label="Page 1"
class="dx-page dx-selection"
role="button"
tabindex="0"
>
1
</div>
</div>
</div>
</div>
</div>
`;
Loading

0 comments on commit 1189030

Please sign in to comment.