/**
 * Test TypeScript Defs file
 */
import { SVG_MASTODON_LOGO_BASE64, STARLABS_LOGO_SM } from "../enums";
import pptxgen from "pptxgenjs";

export function testMainMethods() {
	const pptx = new pptxgen();
	console.log(`pptx.version: ${pptx.version}`);

	// PPTX Method 1:
	//pptx.layout = "LAYOUT_WIDE";
	//pptx.defineLayout({ name:'A3', width:16.5, height:11.7 });
	pptx.defineLayout({ name: "TST", width: 13.4, height: 7.5 });
	pptx.layout = "TST";

	// TEST/FIX: For [Issue #921](https://github.com/gitbrent/PptxGenJS/issues/921)
	pptx.defineSlideMaster({
		title: "PLACEHOLDER_SLIDE",
		background: { color: "F1F1F1" },
		objects: [
			{
				placeholder: {
					options: { name: "body", type: "body", x: 0.6, y: 1.5, w: 12, h: 5.25, color: "FF0000", align: "right" },
					//options: { name: "body", type: pptx.PlaceholderType.body, x: 0.6, y: 1.5, w: 12, h: 5.25 },
					text: "(custom placeholder text!)",
				},
			},
		],
	});

	// PPTX Method 2:
	pptx.defineSlideMaster({
		title: "MASTER_SLIDE",
		background: { fill: "FFFFFF" },
		margin: [0.5, 0.25, 1.0, 0.25],
		slideNumber: { x: 0.6, y: 7.0, color: "FFFFFF", fontFace: "Arial", fontSize: 10, align: pptx.AlignH.center },
		objects: [
			{ rect: { x: 0.0, y: "90%", w: "100%", h: 0.75, fill: { color: "003b75" } } },
			{ image: { x: "90%", y: "90%", w: 0.75, h: 0.75, data: SVG_MASTODON_LOGO_BASE64 } },
			{
				text: {
					text: "S.T.A.R. Laboratories - Confidential",
					options: { x: 0, y: 7.1, w: "100%", align: "center", color: "FFFFFF", fontSize: 12 },
				},
			},
		],
	});

	basicDemoSlide(pptx);
	testMethod_Table(pptx);
	testMethod_Chart(pptx);
	testMethod_Text(pptx);
	testMethod_Shape(pptx);
	testMethod_Media(pptx);
	testMethod_Masters(pptx);

	// PPTX Export Method 1:
	pptx.writeFile({ fileName: "testFile" }).then((fileName) => console.log(`writeFile: ${fileName}`));
	// PPTX Export Method 2:
	//pptx.write(pptx.OutputType.base64).then((base64) => console.log("base64!")); // TEST-Type: outputType // Works v3.1.1
	// PPTX Export Method 3:
	//pptx.stream().then(() => console.log("stream!")); // Works v3.1.1
}

function basicDemoSlide(pptx: pptxgen) {
	// LEGACY-TEST: @deprecated in v3.3.0
	//pptx.addSlide("masterName"); // slide0

	pptx.addSection({ title: "TypeScript" });

	// PPTX Method 3:
	//pptx.addSlide(); // slide1
	//pptx.addSlide({ sectionTitle: "TypeScript" }); // slide2

	const slide = pptx.addSlide({ sectionTitle: "TypeScript", masterName: "MASTER_SLIDE" });
	slide.slideNumber = { x: "50%", y: "95%", w: 1, h: 1, color: "0088CC" };

	slide.addText(`PpptxGenJS version: ${pptx.version}`, {
		x: 0,
		y: 5.3,
		w: "100%",
		h: 0.33,
		fontSize: 10,
		align: "center",
		fill: { color: "E1E1E1" }, //{ color: pptx.SchemeColor.background2 },
		color: "A1A1A1", // pptx.SchemeColor.accent3,
	});

	const opts: pptxgen.TextPropsOptions = {
		x: 0,
		y: 1,
		w: "100%",
		h: 2.0,
		fill: { color: pptx.SchemeColor.background1 },
		align: "center",
		fontSize: 48,
	};
	slide.addText("React+TypeScript Demo!", opts);
}

function testMethod_Chart(pptx: pptxgen) {
	const slide = pptx.addSlide();

	const dataChart = [
		{
			name: "Region 1",
			labels: ["May", "June", "July", "August", "September"],
			values: [26, 53, 100, 75, 41],
		},
	];
	slide.addChart(pptx.ChartType.bar, dataChart, { x: 0.5, y: 2.5, w: 5.25, h: 4 }); // TEST: charts
}
function testMethod_Table(pptx: pptxgen) {
	pptx.addSection({ title: "Tables" });

	// SLIDE 1: Table text alignment and cell styles
	{
		const slide = pptx.addSlide({ sectionTitle: "Tables" });
		slide.addNotes("API Docs:\nhttps://gitbrent.github.io/PptxGenJS/docs/api-tables.html");
		//slide.addTable( [ [{ text:'Table Examples 1', options:BASE_TEXT_OPTS_L },BASE_TEXT_OPTS_R] ], gOptsTabOpts );

		// DEMO: align/valign -------------------------------------------------------------------------
		const objOpts1 = { x: 0.5, y: 0.7, w: 4, h: 0.3, margin: 0, fontSize: 18, fontFace: "Arial", color: "0088CC" };
		slide.addText("Cell Text Alignment:", objOpts1);

		const arrTabRows1: pptxgen.TableRow[] = [
			[
				{ text: "Top Lft", options: { valign: "top", align: "left", fontFace: "Arial" } },
				{ text: "Top Ctr", options: { valign: "top", align: "center", fontFace: "Courier" } },
				{ text: "Top Rgt", options: { valign: "top", align: "right", fontFace: "Verdana" } },
			],
			[
				{ text: "Mdl Lft", options: { valign: "middle", align: "left" } },
				{ text: "Mdl Ctr", options: { valign: "middle", align: "center" } },
				{ text: "Mdl Rgt", options: { valign: "middle", align: "right" } },
			],
			[
				{ text: "Btm Lft", options: { valign: "bottom", align: "left" } },
				{ text: "Btm Ctr", options: { valign: "bottom", align: "center" } },
				{ text: "Btm Rgt", options: { valign: "bottom", align: "right" } },
			],
		];
		slide.addTable(arrTabRows1, {
			x: 0.5,
			y: 1.1,
			w: 5.0,
			rowH: 0.75,
			fill: { color: "F7F7F7" },
			fontSize: 14,
			color: "363636",
			border: { pt: 1, color: "BBCCDD" },
			verbose: true,
		});
		// Pass default cell style as tabOpts, then just style/override individual cells as needed

		// DEMO: cell styles --------------------------------------------------------------------------
		const objOpts2 = { x: 6.0, y: 0.7, w: 4, h: 0.3, margin: 0, fontSize: 18, fontFace: "Arial", color: "0088CC" };
		slide.addText("Cell Styles:", objOpts2);

		const arrTabRows2: pptxgen.TableRow[] = [
			[
				{ text: "White", options: { fill: { color: "6699CC" }, color: "FFFFFF" } },
				{ text: "Yellow", options: { fill: { color: "99AACC" }, color: "FFFFAA" } },
				{ text: "Pink", options: { fill: { color: "AACCFF" }, color: "E140FE" } },
			],
			[
				{ text: "12pt", options: { fill: { color: "FF0000" }, fontSize: 12 } },
				{ text: "20pt", options: { fill: { color: "00FF00" }, fontSize: 20 } },
				{ text: "28pt", options: { fill: { color: "0000FF" }, fontSize: 28 } },
			],
			[
				{ text: "Bold", options: { fill: { color: "003366" }, bold: true } },
				{ text: "Underline", options: { fill: { color: "336699" }, underline: { style: "sng" } } },
				{ text: "10pt Pad", options: { fill: { color: "6699CC" }, margin: 10 } },
			],
		];
		slide.addTable(arrTabRows2, {
			x: 6.0,
			y: 1.1,
			w: 7.0,
			rowH: 0.75,
			fill: { color: "F7F7F7" },
			color: "FFFFFF",
			fontSize: 16,
			valign: "middle",
			align: "center",
			border: { pt: 1, color: "FFFFFF" },
		});

		// DEMO: Row/Col Width/Heights ----------------------------------------------------------------
		const objOpts3 = { x: 0.5, y: 3.6, h: 0.3, margin: 0, fontSize: 18, fontFace: "Arial", color: "0088CC" };
		slide.addText("Row/Col Heights/Widths:", objOpts3);

		const arrTabRows33 = [
			[{ text: "1x1" }, { text: "2x1" }, { text: "2.5x1" }, { text: "3x1" }, { text: "4x1" }],
			[{ text: "1x2" }, { text: "2x2" }, { text: "2.5x2" }, { text: "3x2" }, { text: "4x2" }],
		];
		slide.addTable(arrTabRows33, {
			x: 0.5,
			y: 4.0,
			rowH: [1, 2],
			colW: [1, 2, 2.5, 3, 4],
			fill: { color: "F7F7F7" },
			color: "6c6c6c",
			fontSize: 14,
			valign: "middle",
			align: "center",
			border: { pt: 1, color: "BBCCDD" },
		});
	}

	// SLIDE 2: Table row/col-spans
	{
		const slide = pptx.addSlide({ sectionTitle: "Tables" });
		slide.addNotes("API Docs: https://gitbrent.github.io/PptxGenJS/docs/api-tables.html");
		// 2: Slide title
		//slide.addTable([ [{ text:'Table Examples 2', options:BASE_TEXT_OPTS_L },BASE_TEXT_OPTS_R] ], { x:'4%', y:'2%', w:'95%', h:'4%' }); // QA: this table's x,y,w,h all using %

		// DEMO: Rowspans/Colspans ----------------------------------------------------------------
		//var optsSub = JSON.parse(JSON.stringify(BASE_OPTS_SUBTITLE));
		//slide.addText('Colspans/Rowspans:', optsSub);

		const tabOpts1: pptxgen.TableProps = {
			x: 0.67,
			y: 1.1,
			w: "90%",
			h: 2,
			fill: { color: "F5F5F5" },
			color: "3D3D3D",
			fontSize: 16,
			border: { pt: 4, color: "FFFFFF" },
			align: "center",
			valign: "middle",
		};
		const arrTabRows1: pptxgen.TableRow[] = [
			[
				{ text: "A1\nA2", options: { rowspan: 2, fill: { color: "99FFCC" } } },
				{ text: "B1" },
				{ text: "C1 -> D1", options: { colspan: 2, fill: { color: "99FFCC" } } },
				{ text: "E1" },
				{ text: "F1\nF2\nF3", options: { rowspan: 3, fill: { color: "99FFCC" } } },
			],
			[{ text: "B2" }, { text: "C2" }, { text: "D2" }, { text: "E2" }],
			[{ text: "A3" }, { text: "B3" }, { text: "C3" }, { text: "D3" }, { text: "E3" }],
		];
		// NOTE: Follow HTML conventions for colspan/rowspan cells - cells spanned are left out of arrays - see above
		// The table above has 6 columns, but each of the 3 rows has 4-5 elements as colspan/rowspan replacing the missing ones
		// (e.g.: there are 5 elements in the first row, and 6 in the second)
		slide.addTable(arrTabRows1, tabOpts1);

		const tabOpts2: pptxgen.TableProps = {
			x: 0.5,
			y: 3.3,
			w: 12.4,
			h: 1.5,
			fontSize: 14,
			fontFace: "Courier",
			align: "center",
			valign: "middle",
			fill: { color: "F9F9F9" },
			border: { pt: 1, color: "c7c7c7" },
		};
		const arrTabRows2: pptxgen.TableRow[] = [
			[
				{ text: "A1\n--\nA2", options: { rowspan: 2, fill: { color: "99FFCC" } } },
				{ text: "B1\n--\nB2", options: { rowspan: 2, fill: { color: "99FFCC" } } },
				{ text: "C1 -> D1", options: { colspan: 2, fill: { color: "9999FF" } } },
				{ text: "E1 -> F1", options: { colspan: 2, fill: { color: "9999FF" } } },
				{ text: "G1" },
			],
			[{ text: "C2" }, { text: "D2" }, { text: "E2" }, { text: "F2" }, { text: "G2" }],
		];
		slide.addTable(arrTabRows2, tabOpts2);

		const tabOpts3: pptxgen.TableProps = {
			x: 0.5,
			y: 5.15,
			w: 6.25,
			h: 2,
			margin: 0.25,
			align: "center",
			valign: "middle",
			fontSize: 16,
			border: { pt: 1, color: "c7c7c7" },
			fill: { color: "F1F1F1" },
		};
		const arrTabRows3: pptxgen.TableRow[] = [
			[
				{ text: "A1\nA2\nA3", options: { rowspan: 3, fill: { color: "FFFCCC" } } },
				{ text: "B1\nB2", options: { rowspan: 2, fill: { color: "FFFCCC" } } },
				{ text: "C1" },
			],
			[{ text: "C2" }],
			[{ text: "B3 -> C3", options: { colspan: 2, fill: { color: "99FFCC" } } }],
		];
		slide.addTable(arrTabRows3, tabOpts3);

		const tabOpts4: pptxgen.TableProps = {
			x: 7.4,
			y: 5.15,
			w: 5.5,
			h: 2,
			margin: 0,
			align: "center",
			valign: "middle",
			fontSize: 16,
			border: { pt: 1, color: "c7c7c7" },
			fill: { color: "F2F9FC" },
		};
		const arrTabRows4: pptxgen.TableRow[] = [
			[
				{ text: "A1" },
				{ text: "B1\nB2", options: { rowspan: 2, fill: { color: "FFFCCC" } } },
				{ text: "C1\nC2\nC3", options: { rowspan: 3, fill: { color: "FFFCCC" } } },
			],
			[{ text: "A2" }],
			[{ text: "A3 -> B3", options: { colspan: 2, fill: { color: "99FFCC" } } }],
		];
		slide.addTable(arrTabRows4, tabOpts4);
	}

	// SLIDE 3:
	{
		const slide = pptx.addSlide({ sectionTitle: "Tables" });
		const arrRows: pptxgen.TableRow[] = [];
		arrRows.push([
			{ text: "ID#", options: { fill: { color: "0088cc" }, color: "ffffff", valign: "middle" } },
			{ text: "First Name", options: { fill: { color: "0088cc" }, color: "ffffff", valign: "middle" } },
			{ text: "Lorum Ipsum", options: { fill: { color: "0088cc" }, color: "ffffff", valign: "middle" } },
		]);
		arrRows.push([
			{ text: "1", options: { align: "center" } },
			{ text: "Test" },
			{
				text: [{ text: "Title", options: { bold: true, breakLine: true } }, { text: "some desc..." }],
			},
		]);
		slide.addTable(arrRows, { x: 0.5, y: 0.6, w: 3, border: { color: "CFCFCF" }, autoPage: true, verbose: true });

		// TEST: `hyperlink`
		const arrTextObjects: pptxgen.TableRow[] = [
			[
				{ text: "Text Objects", options: { color: "99ABCC", align: "right" } },
				{ text: "2nd cell", options: { color: "0000EE", align: "center" } },
				{ text: "Hyperlink", options: { hyperlink: { url: "https://github.com/gitbrent/pptxgenjs" } } },
			],
		];
		slide.addTable(arrTextObjects, { x: 0.5, y: 2.7, w: 12.25, fill: { color: "F1F1F1" }, border: { pt: 1, color: "696969" } });
	}
}
/*
function testMethod_Tables(pptx: pptxgen) {
	let slide = pptx.addSlide();

	slide.addTable([[{ text: "cell 1" }]], { x: 0.5, y: 0.5, w: 5, h: 0.5 });

	let rows: pptxgen.TableRow[] = [];
	//rows.push(["First", "Second", "Third", "Fourth"]); // simple text array // NOTE: 20200812: removed `string[]` from types (considered DEPRECATED, even tho its still in demo code as of v3.3.0)
	rows.push([{ text: "TODO" }, { text: "optionsChk", options: { colspan: 4, fontFace: "Arial" } }]); // complex object cells
	// prettier-ignore
	rows.push([
		{
			text: [
				{ text: "TODO" },
				{ text: "optionsChk", options: { colspan: 4, fontFace: "Arial" } }
			],
		},
	]);

	// text as compound object (multi-format per cell)
	slide.addTable(rows, {
		x: 0.5,
		y: 1.25,
		//w: "90%",
		//h: 1.25,
		colW: [4, 4, 4, 4],
		rowH: 1.0,
		border: { type: "solid", pt: 1, color: "a9a9a9" },
	});
}
*/
function testMethod_Media(pptx: pptxgen) {
	const slide = pptx.addSlide();

	// 7: Image
	slide.addImage({
		path: "https://raw.githubusercontent.com/gitbrent/PptxGenJS/master/demos/common/images/fediverse_tree.jpg",
		x: 0.5, y: 0.5, w: 4.0, h: 4.0
	});
	slide.addImage({ data: SVG_MASTODON_LOGO_BASE64, x: 9.5, y: 4, w: 3, h: 3 });

	slide.addImage({
		data: SVG_MASTODON_LOGO_BASE64,
		sizing: {
			type: "contain",
			w: "25%",
			h: "25%",
		},
		x: 5.0,
		y: 1.5,
	});

	// 8. Media
	slide.addMedia({
		x: 9.5,
		y: 0.6,
		w: 3.0,
		h: 2.25,
		type: "video",
		path: "https://raw.githubusercontent.com/gitbrent/PptxGenJS/master/demos/common/media/sample.avi",
	});
	// TESTING: this causes content warning on open, so dont leave in for release
	//slide.addMedia({ x: 9.4, y: 4.0, w: 4.5, h: 2.5, type: "online", link: "https://www.youtube.com/embed/g36-noRtKR4" });
}
function testMethod_Shape(pptx: pptxgen) {
	const slide = pptx.addSlide();

	slide.addShape(pptx.ShapeType.rect, { x: 7.6, y: 2.8, w: 3, h: 3, fill: { color: "66ff99" } });

	slide.addText("OVAL (alpha:50)", {
		shape: pptx.ShapeType.ellipse,
		x: 5.4,
		y: 0.8,
		w: 3.0,
		h: 1.5,
		fill: { type: "solid", color: "0088CC", alpha: 50 }, // DEPRECATED: TEST: `alpha`
		align: "center",
		fontSize: 14,
	});
	slide.addText("LINE size=4", {
		shape: pptx.ShapeType.line,
		x: 4.15,
		y: 5.6,
		w: 5,
		h: 0,
		line: { color: "FF0000", width: 4, beginArrowType: "triangle", endArrowType: "triangle" },
	});
	slide.addText("DIAGONAL", {
		shape: pptx.ShapeType.line,
		valign: "bottom",
		x: 5.7,
		y: 3.3,
		w: 2.5,
		h: 0,
		line: { color: "FF0000", size: 2, transparency: 50 }, // DEPRECATED: TEST: `size`
		rotate: 360 - 45,
	});
	slide.addText("RIGHT-TRIANGLE", {
		shape: pptx.ShapeType.rtTriangle,
		align: "center",
		x: 0.4,
		y: 4.3,
		w: 6,
		h: 3,
		fill: { color: "0088CC" },
		line: { color: "000000", width: 3 },
	});
	slide.addText("RIGHT-TRIANGLE", {
		shape: pptx.ShapeType.rtTriangle,
		align: "center",
		x: 7.0,
		y: 4.3,
		w: 6,
		h: 3,
		fill: { color: "0088CC" },
		line: { color: "000000" },
		flipH: true,
	});
}
function testMethod_Text(pptx: pptxgen) {
	const slide = pptx.addSlide();

	slide.addText(
		[{ text: "Link without Tooltip", options: { hyperlink: { /*slide: '1',*/ tooltip: "hi world", url: "https://github.com/gitbrent" } } }],
		{
			x: 2,
			y: 2,
			w: 2,
			h: 0.5,
		}
	);

	slide.addText(
		[
			{ text: "bullet indent:10", options: { bullet: { indent: 10 } } },
			{ text: "bullet indent:30", options: { bullet: { indent: 30 } } },
		],
		{ x: 7.0, y: 3.95, w: 5.75, h: 0.5, margin: 0.1, fontFace: "Arial", fontSize: 12 }
	);

	slide.addText("type:'number'\nnumberStartAt:'5'", {
		x: 7.0,
		y: 1.0,
		w: "40%",
		h: 0.75,
		align: "center",
		fontFace: "Courier New",
		bullet: { type: "number", numberStartAt: 5 },
		color: pptx.SchemeColor.accent6,
		fill: { color: pptx.SchemeColor.background2 },
	});
}
function testMethod_Masters(pptx: pptxgen) {
	const starlabsBkgd = { path: "https://raw.githubusercontent.com/gitbrent/PptxGenJS/master/demos/common/images/starlabs_bkgd.jpg" };
	const starlabsLogo = { path: "https://raw.githubusercontent.com/gitbrent/PptxGenJS/master/demos/common/images/starlabs_logo.png" };

	const objBkg = { path: starlabsBkgd.path };
	const objImg = { path: starlabsLogo.path, x: 4.6, y: 3.5, w: 4, h: 1.8 };

	// TITLE_SLIDE
	pptx.defineSlideMaster({
		title: "TITLE_SLIDE",
		background: objBkg,
		//bkgd: objBkg, // TEST: @deprecated
		objects: [
			//{ 'line':  { x:3.5, y:1.0, w:6.0, h:0.0, line:{color:'0088CC'}, lineSize:5 } },
			//{ 'chart': { type:'PIE', data:[{labels:['R','G','B'], values:[10,10,5]}], options:{x:11.3, y:0.0, w:2, h:2, dataLabelFontSize:9} } },
			//{ 'image': { x:11.3, y:6.4, w:1.67, h:0.75, data:STARLABS_LOGO_SM } },
			{ rect: { x: 0.0, y: 5.7, w: "100%", h: 0.75, fill: { color: "F1F1F1" } } },
			{
				text: {
					text: "Global IT & Services :: Status Report",
					options: {
						x: 0.0,
						y: 5.7,
						w: "100%",
						h: 0.75,
						fontFace: "Arial",
						color: "363636",
						fontSize: 20,
						align: "center",
						valign: "middle",
						margin: 0,
					},
				},
			},
		],
	});

	// MASTER_PLAIN
	pptx.defineSlideMaster({
		title: "MASTER_PLAIN",
		background: { fill: "F1F1F1" }, // [[BACKWARDS-COMPAT/DEPRECATED CHECK:changed to `color` in v3.5.0]]
		margin: [0.5, 0.25, 1.0, 0.25],
		objects: [
			{ rect: { x: 0.0, y: 6.9, w: "100%", h: 0.6, fill: { color: "003b75" } } },
			{ image: { x: 11.45, y: 5.95, w: 1.67, h: 0.75, data: STARLABS_LOGO_SM } },
			{
				text: {
					options: { x: 0, y: 6.9, w: "100%", h: 0.6, align: "center", valign: "middle", color: "FFFFFF", fontSize: 12 },
					text: "S.T.A.R. Laboratories - Confidential",
				},
			},
		],
		slideNumber: { x: 0.6, y: 7.1, color: "FFFFFF", fontFace: "Arial", fontSize: 10, align: "center" },
	});

	// MASTER_SLIDE (MASTER_PLACEHOLDER)
	pptx.defineSlideMaster({
		title: "MASTER_SLIDE",
		background: { color: "E1E1E1", transparency: 50 },
		margin: [0.5, 0.25, 1.0, 0.25],
		slideNumber: { x: 0.6, y: 7.1, color: "FFFFFF", fontFace: "Arial", fontSize: 10, bold: true },
		objects: [
			//{ 'image': { x:11.45, y:5.95, w:1.67, h:0.75, data:STARLABS_LOGO_SM } },
			{
				rect: { x: 0.0, y: 6.9, w: "100%", h: 0.6, fill: { color: "003b75" } },
			},
			{
				text: {
					options: { x: 0, y: 6.9, w: "100%", h: 0.6, align: "center", valign: "middle", color: "FFFFFF", fontSize: 12 },
					text: "S.T.A.R. Laboratories - Confidential",
				},
			},
			{
				placeholder: {
					options: {
						name: "header",
						type: "title",
						x: 0.6,
						y: 0.2,
						w: 12,
						h: 1.0,
						margin: 0,
						align: "center",
						valign: "middle",
						color: "404040",
						//fontSize: 18,
					},
					text: "", // USAGE: Leave blank to have powerpoint substitute default placeholder text (ex: "Click to add title")
				},
			},
			{
				placeholder: {
					options: { name: "body", type: "body", x: 0.6, y: 1.5, w: 12, h: 5.25, fontSize: 28 },
					text: "(supports custom placeholder text!)",
				},
			},
		],
	});

	// THANKS_SLIDE (THANKS_PLACEHOLDER)
	pptx.defineSlideMaster({
		title: "THANKS_SLIDE",
		background: { color: "36ABFF" }, // CORRECT WAY TO SET BACKGROUND COLOR
		//bkgd: "36ABFF", // [[BACKWARDS-COMPAT/DEPRECATED/UAT (`bkgd` will be removed in v4.x)]] **DO NOT USE THIS IN YOUR CODE**
		objects: [
			{ rect: { x: 0.0, y: 3.4, w: "100%", h: 2.0, fill: { color: "FFFFFF" } } },
			{ image: objImg },
			{
				placeholder: {
					options: {
						name: "thanksText",
						type: "title",
						x: 0.0,
						y: 0.9,
						w: "100%",
						h: 1,
						align: "center",
						color: "FFFFFF",
						fontFace: "Arial",
						fontSize: 60,
					},
				},
			},
			{
				placeholder: {
					options: {
						name: "body",
						type: "body",
						x: 0.0,
						y: 6.45,
						w: "100%",
						h: 1,
						fontFace: "Courier",
						color: "FFFFFF",
						fontSize: 32,
						align: "center",
					},
					text: "(add homepage URL)",
				},
			},
		],
	});

	// MARGIN_SLIDE (used for demo/test)
	const MARGINS: [number, number, number, number] = [0.5, 0.5, 0.5, 0.5];
	const TEXT_PROPS = {
		shape: pptx.ShapeType.rect,
		fill: { color: "FFFCCC" },
		color: "9f9f9f",
		align: "center" as PptxGenJS.default.AlignH,
		fontFace: "Courier New",
		fontSize: 10,
	};
	pptx.defineSlideMaster({
		title: "MARGIN_SLIDE",
		background: { color: "FFFFFF" },
		margin: MARGINS,
		objects: [
			{ text: { text: "(margin-top)", options: { ...TEXT_PROPS, ...{ x: 0, y: 0, w: "100%", h: MARGINS[0] } } } },
			{
				text: {
					text: "(margin-btm)",
					options: { ...TEXT_PROPS, ...{ x: 0, y: 7.5 - MARGINS[2], w: "100%", h: MARGINS[2], flipV: true } },
				},
			},
		],
	});

	// MARGIN_SLIDE_STARTY15 (used for demo/test)
	pptx.defineSlideMaster({
		title: "MARGIN_SLIDE_STARTY15",
		background: { color: "FFFFFF" },
		margin: MARGINS,
		objects: [
			{ text: { text: "(4.0 inches H)", options: { ...TEXT_PROPS, ...{ x: 0, y: 0, w: 1, h: 4.0 } } } },
			{ text: { text: "(1.5 inches H)", options: { ...TEXT_PROPS, ...{ x: 1, y: 0, w: 1, h: 1.5 } } } },
			{ text: { text: "(margin-top)", options: { ...TEXT_PROPS, ...{ x: 0, y: 0, w: "100%", h: MARGINS[0] } } } },
			{
				text: {
					text: "(margin-btm)",
					options: { ...TEXT_PROPS, ...{ x: 0, y: 7.5 - MARGINS[2], w: "100%", h: MARGINS[2], flipV: true } },
				},
			},
		],
	});

	// MISC: Only used for Issues, ad-hoc slides etc (for screencaps)
	pptx.defineSlideMaster({
		title: "DEMO_SLIDE",
		objects: [
			{ rect: { x: 0.0, y: 7.1, w: "100%", h: 0.4, fill: { color: "F1F1F1" } } },
			{
				text: {
					text: "PptxGenJS - JavaScript PowerPoint Library - (github.com/gitbrent/PptxGenJS)",
					options: { x: 0.0, y: 7.1, w: "100%", h: 0.4, color: "6c6c6c", fontSize: 10, align: "center" },
				},
			},
		],
	});
}

export function testTableMethod() {
	const pptx = new pptxgen();

	// PPTX Method 4:
	pptx.tableToSlides("html2ppt"); // Works v3.1.1 (FIXME: formatting sucks)

	// PPTX Export Method 1:
	pptx.writeFile({ fileName: "html2ppt" }).then((fileName) => console.log(`writeFile: ${fileName}`));
}