@@ -1909,6 +1909,161 @@ describe('Chart Control', () =>{
19091909 chart . enableRtl = true ;
19101910 chart . appendTo ( '#container' ) ;
19111911 } ) ;
1912+ describe ( 'Checking the titlePadding and labelPadding' , function ( ) {
1913+ let chart : Chart ;
1914+ let ele : HTMLElement ;
1915+ let loaded : EmitType < ILoadedEventArgs > ;
1916+ let element : Element ;
1917+ let posX : string ;
1918+ beforeAll ( ( ) : void => {
1919+ ele = createElement ( 'div' , { id : 'container' } ) ;
1920+ document . body . appendChild ( ele ) ;
1921+ chart = new Chart (
1922+ {
1923+ primaryXAxis : {
1924+ valueType : 'Category' ,
1925+ rangePadding : 'Normal' ,
1926+ title : 'Country' ,
1927+ } ,
1928+ primaryYAxis : {
1929+ title : 'PrimaryYAxis' ,
1930+ } ,
1931+ series : [ {
1932+ dataSource : categoryData ,
1933+ xName : 'x' ,
1934+ yName : 'y' ,
1935+ fill : 'red' ,
1936+ } ] ,
1937+ height : '400px' ,
1938+ width : '900px' ,
1939+ } ) ;
1940+ } ) ;
1941+ afterAll ( ( ) : void => {
1942+ chart . destroy ( ) ;
1943+ ele . remove ( ) ;
1944+ } ) ;
1945+ it ( 'Checking yAxis with labelPosition Inside' , ( done : Function ) => {
1946+ loaded = ( args : Object ) : void => {
1947+ element = document . getElementById ( 'container_AxisTitle_1' ) ;
1948+ let element1 = document . getElementById ( 'container1_AxisLabel_6' ) ;
1949+ let titleX = element . getAttribute ( 'x' ) ;
1950+ let titleY = element . getAttribute ( 'y' ) ;
1951+ let labelX = element1 . getAttribute ( 'x' ) ;
1952+ let labelY = element1 . getAttribute ( 'y' ) ;
1953+ expect ( titleX === '26.5' || titleX === '27.5' ) . toBe ( true ) ;
1954+ expect ( titleY === '176.875' ) . toBe ( true ) ;
1955+ expect ( labelX === '138' || labelX === '139' ) . toBe ( true ) ;
1956+ expect ( labelY === '107.25' || labelY === '106.5' ) . toBe ( true ) ;
1957+ done ( ) ;
1958+ } ;
1959+ chart . loaded = loaded ;
1960+ chart . primaryYAxis . titlePadding = 50 ;
1961+ chart . primaryYAxis . labelPadding = 50 ;
1962+ chart . primaryYAxis . labelPosition = 'Inside' ;
1963+ chart . appendTo ( '#container' ) ;
1964+ } ) ;
1965+ it ( 'Checking yAxis with tickPosition Inside' , ( done : Function ) => {
1966+ loaded = ( args : Object ) : void => {
1967+ element = document . getElementById ( 'container_AxisTitle_1' ) ;
1968+ let element1 = document . getElementById ( 'container1_AxisLabel_5' ) ;
1969+ let titleX = element . getAttribute ( 'x' ) ;
1970+ let titleY = element . getAttribute ( 'y' ) ;
1971+ let labelX = element1 . getAttribute ( 'x' ) ;
1972+ let labelY = element1 . getAttribute ( 'y' ) ;
1973+ expect ( titleX === '71.5' || titleX === '72.5' ) . toBe ( true ) ;
1974+ expect ( titleY === '126.875' ) . toBe ( true ) ;
1975+ expect ( labelX === '82' || labelX === '83' ) . toBe ( true ) ;
1976+ expect ( labelY === '135' ) . toBe ( true ) ;
1977+ done ( ) ;
1978+ } ;
1979+ chart . loaded = loaded ;
1980+ chart . primaryYAxis . labelPosition = 'Outside' ;
1981+ chart . primaryYAxis . tickPosition = 'Inside' ;
1982+ chart . appendTo ( '#container' ) ;
1983+ } ) ;
1984+ it ( 'Checking yAxis with both Position Inside' , ( done : Function ) => {
1985+ loaded = ( args : Object ) : void => {
1986+ element = document . getElementById ( 'container_AxisTitle_1' ) ;
1987+ let element1 = document . getElementById ( 'container1_AxisLabel_4' ) ;
1988+ let titleX = element . getAttribute ( 'x' ) ;
1989+ let titleY = element . getAttribute ( 'y' ) ;
1990+ let labelX = element1 . getAttribute ( 'x' ) ;
1991+ let labelY = element1 . getAttribute ( 'y' ) ;
1992+ expect ( titleX === '26.5' || titleX === '27.5' ) . toBe ( true ) ;
1993+ expect ( titleY === '176.875' ) . toBe ( true ) ;
1994+ expect ( labelX === '138' || labelX === '139' ) . toBe ( true ) ;
1995+ expect ( labelY === '190.25' || labelY === '189.5' ) . toBe ( true ) ;
1996+ done ( ) ;
1997+ } ;
1998+ chart . loaded = loaded ;
1999+ chart . primaryYAxis . labelPosition = 'Inside' ;
2000+ chart . primaryYAxis . tickPosition = 'Inside' ;
2001+ chart . appendTo ( '#container' ) ;
2002+ } ) ;
2003+ it ( 'Checking xAxis with labelPosition Inside' , ( done : Function ) => {
2004+ loaded = ( args : Object ) : void => {
2005+ element = document . getElementById ( 'container_AxisTitle_0' ) ;
2006+ let element1 = document . getElementById ( 'container0_AxisLabel_6' ) ;
2007+ let titleX = element . getAttribute ( 'x' ) ;
2008+ let titleY = element . getAttribute ( 'y' ) ;
2009+ let labelX = element1 . getAttribute ( 'x' ) ;
2010+ let labelY = element1 . getAttribute ( 'y' ) ;
2011+ expect ( titleX === '471.75' || titleX === '472.25' ) . toBe ( true ) ;
2012+ expect ( titleY === '385.5' || titleY === '385.25' ) . toBe ( true ) ;
2013+ expect ( labelX === '722.15625' || labelX === '722.34375' ) . toBe ( true ) ;
2014+ expect ( labelY === '268' || labelY === '267' ) . toBe ( true ) ;
2015+ done ( ) ;
2016+ } ;
2017+ chart . loaded = loaded ;
2018+ chart . primaryYAxis . titlePadding = 5 ;
2019+ chart . primaryYAxis . labelPadding = 5 ;
2020+ chart . primaryYAxis . labelPosition = 'Outside' ;
2021+ chart . primaryYAxis . tickPosition = 'Outside' ;
2022+ chart . primaryXAxis . titlePadding = 50 ;
2023+ chart . primaryXAxis . labelPadding = 50 ;
2024+ chart . primaryXAxis . labelPosition = 'Inside' ;
2025+ chart . appendTo ( '#container' ) ;
2026+ } ) ;
2027+ it ( 'Checking xAxis with tickPosition Inside' , ( done : Function ) => {
2028+ loaded = ( args : Object ) : void => {
2029+ element = document . getElementById ( 'container_AxisTitle_0' ) ;
2030+ let element1 = document . getElementById ( 'container0_AxisLabel_3' ) ;
2031+ let titleX = element . getAttribute ( 'x' ) ;
2032+ let titleY = element . getAttribute ( 'y' ) ;
2033+ let labelX = element1 . getAttribute ( 'x' ) ;
2034+ let labelY = element1 . getAttribute ( 'y' ) ;
2035+ expect ( titleX === '471.75' || titleX === '472.25' ) . toBe ( true ) ;
2036+ expect ( titleY === '385.5' || titleY === '385.25' ) . toBe ( true ) ;
2037+ expect ( labelX === '397.46875' || labelX === '398.03125' ) . toBe ( true ) ;
2038+ expect ( labelY === '320.25' || labelY === '319.5' ) . toBe ( true ) ;
2039+ done ( ) ;
2040+ } ;
2041+ chart . loaded = loaded ;
2042+ chart . primaryXAxis . labelPosition = 'Outside' ;
2043+ chart . primaryXAxis . tickPosition = 'Inside' ;
2044+ chart . appendTo ( '#container' ) ;
2045+ } ) ;
2046+ it ( 'Checking xAxis with both Position Inside' , ( done : Function ) => {
2047+ loaded = ( args : Object ) : void => {
2048+ element = document . getElementById ( 'container_AxisTitle_0' ) ;
2049+ let element1 = document . getElementById ( 'container0_AxisLabel_4' ) ;
2050+ let titleX = element . getAttribute ( 'x' ) ;
2051+ let titleY = element . getAttribute ( 'y' ) ;
2052+ let labelX = element1 . getAttribute ( 'x' ) ;
2053+ let labelY = element1 . getAttribute ( 'y' ) ;
2054+ expect ( titleX === '471.75' || titleX === '472.25' ) . toBe ( true ) ;
2055+ expect ( titleY === '385.5' || titleY === '385.25' ) . toBe ( true ) ;
2056+ expect ( labelX === '507.53125' || labelX === '507.96875' ) . toBe ( true ) ;
2057+ expect ( labelY === '268' || labelY === '267' ) . toBe ( true ) ;
2058+ done ( ) ;
2059+ } ;
2060+ chart . loaded = loaded ;
2061+ chart . primaryXAxis . labelPosition = 'Inside' ;
2062+ chart . primaryXAxis . tickPosition = 'Inside' ;
2063+ chart . appendTo ( '#container' ) ;
2064+ } ) ;
2065+
2066+ } )
19122067 } ) ;
19132068
19142069} ) ;
0 commit comments