@@ -1736,101 +1736,101 @@ describe("veTable cell edit", () => {
17361736 } ) ;
17371737
17381738 // table clickoutside
1739- // it("table clickoutside width cell editing", async () => {
1740- // const mockFn = jest.fn();
1741-
1742- // const ParentComp = {
1743- // template: `
1744- // <div>
1745- // <button id="outsideButton">outside table</button>
1746- // <veTable
1747- // :columns="columns"
1748- // :tableData="tableData"
1749- // :editOption="editOption"
1750- // rowKeyFieldName="rowKey"
1751- // />
1752- // </div>
1753-
1754- // `,
1755- // data() {
1756- // return {
1757- // columns: COLUMNS,
1758- // tableData: cloneDeep(TABLE_DATA),
1759- // editOption: {
1760- // // cell value change
1761- // cellValueChange: ({ row, column }) => {
1762- // mockFn(row, column);
1763- // },
1764- // },
1765- // };
1766- // },
1767- // components: {
1768- // veTable,
1769- // },
1770- // };
1771-
1772- // await later();
1773-
1774- // const div = document.createElement("div");
1775- // document.body.appendChild(div);
1776-
1777- // // need attach to documnet
1778- // const wrapper = mount(ParentComp, { attachTo: div });
1779-
1780- // // td
1781- // const firstCell = wrapper
1782- // .findAll(".ve-table-body-tr")
1783- // .at(1)
1784- // .findAll(".ve-table-body-td")
1785- // .at(1);
1786-
1787- // // set cell selection
1788- // firstCell.trigger("click");
1789- // firstCell.trigger("dblclick");
1790-
1791- // await later();
1792-
1793- // const textInput = wrapper.find(
1794- // ".ve-table-edit-input-container-show .ve-table-edit-input",
1795- // );
1796- // textInput.setValue("AAA");
1797-
1798- // await later();
1799-
1800- // // click outside
1801- // wrapper.find("#outsideButton").trigger("click");
1802-
1803- // await later();
1804-
1805- // expect(
1806- // wrapper.find(".ve-table-edit-input-container-show").exists(),
1807- // ).toBe(false);
1808-
1809- // expect(mockFn).toHaveBeenCalled();
1810-
1811- // expect(mockFn).toHaveBeenCalledWith(
1812- // {
1813- // address: "No.1 Century Avenue, Beijing",
1814- // date: "AAA",
1815- // hobby: "coding and coding repeat",
1816- // name: "Dickerson",
1817- // rowKey: 1,
1818- // },
1819- // {
1820- // _colspan: 1,
1821- // _keys: "date",
1822- // _level: 1,
1823- // _realTimeWidth: "15%",
1824- // _rowspan: 1,
1825- // align: "left",
1826- // edit: true,
1827- // field: "date",
1828- // key: "date",
1829- // title: "Date",
1830- // width: "15%",
1831- // },
1832- // );
1833- // });
1739+ it ( "table clickoutside width cell editing" , async ( ) => {
1740+ const mockFn = jest . fn ( ) ;
1741+
1742+ const ParentComp = {
1743+ template : `
1744+ <div>
1745+ <button id="outsideButton">outside table</button>
1746+ <veTable
1747+ :columns="columns"
1748+ :tableData="tableData"
1749+ :editOption="editOption"
1750+ rowKeyFieldName="rowKey"
1751+ />
1752+ </div>
1753+
1754+ ` ,
1755+ data ( ) {
1756+ return {
1757+ columns : COLUMNS ,
1758+ tableData : cloneDeep ( TABLE_DATA ) ,
1759+ editOption : {
1760+ // cell value change
1761+ cellValueChange : ( { row, column } ) => {
1762+ mockFn ( row , column ) ;
1763+ } ,
1764+ } ,
1765+ } ;
1766+ } ,
1767+ components : {
1768+ veTable,
1769+ } ,
1770+ } ;
1771+
1772+ await later ( ) ;
1773+
1774+ const div = document . createElement ( "div" ) ;
1775+ document . body . appendChild ( div ) ;
1776+
1777+ // need attach to documnet
1778+ const wrapper = mount ( ParentComp , { attachTo : div } ) ;
1779+
1780+ // td
1781+ const firstCell = wrapper
1782+ . findAll ( ".ve-table-body-tr" )
1783+ . at ( 1 )
1784+ . findAll ( ".ve-table-body-td" )
1785+ . at ( 1 ) ;
1786+
1787+ // set cell selection
1788+ firstCell . trigger ( "click" ) ;
1789+ firstCell . trigger ( "dblclick" ) ;
1790+
1791+ await later ( ) ;
1792+
1793+ const textInput = wrapper . find (
1794+ ".ve-table-edit-input-container-show .ve-table-edit-input" ,
1795+ ) ;
1796+ textInput . setValue ( "AAA" ) ;
1797+
1798+ await later ( ) ;
1799+
1800+ // click outside
1801+ wrapper . find ( "#outsideButton" ) . trigger ( "click" ) ;
1802+
1803+ await later ( ) ;
1804+
1805+ expect (
1806+ wrapper . find ( ".ve-table-edit-input-container-show" ) . exists ( ) ,
1807+ ) . toBe ( false ) ;
1808+
1809+ expect ( mockFn ) . toHaveBeenCalled ( ) ;
1810+
1811+ expect ( mockFn ) . toHaveBeenCalledWith (
1812+ {
1813+ address : "No.1 Century Avenue, Beijing" ,
1814+ date : "AAA" ,
1815+ hobby : "coding and coding repeat" ,
1816+ name : "Dickerson" ,
1817+ rowKey : 1 ,
1818+ } ,
1819+ {
1820+ _colspan : 1 ,
1821+ _keys : "date" ,
1822+ _level : 1 ,
1823+ _realTimeWidth : "15%" ,
1824+ _rowspan : 1 ,
1825+ align : "left" ,
1826+ edit : true ,
1827+ field : "date" ,
1828+ key : "date" ,
1829+ title : "Date" ,
1830+ width : "15%" ,
1831+ } ,
1832+ ) ;
1833+ } ) ;
18341834
18351835 it ( "disable editing columns" , async ( ) => {
18361836 const wrapper = mount ( veTable , {
0 commit comments