Establish baseline for 252 test schemas (#115)

Co-authored-by: Atishay Jain (from Dev Box) <[email protected]>

Author: AtishayMsft

apps/plotly_examples/src/components/DeclarativeChart.tsx

@@ -104,6 +104,7 @@ const DeclarativeChartBasicExample: React.FC<IDeclarativeChartProps> = () => {
     const layout_with_theme = { ...layout, plot_bgcolor: bgcolor, paper_bgcolor: bgcolor, font: fontColor };
     const plotlySchema = { data, layout: layout_with_theme, selectedLegends: lastKnownValidLegends };
     const inputSchema: Schema = { plotlySchema };
+    const chartTitle = typeof layout?.title === 'string' ? layout.title : layout?.title?.text ?? '';
     return (
       <div key={uniqueKey}>
         <Subtitle1 align="center" style={{marginLeft:'30%'}}>Declarative chart from fluent</Subtitle1>
@@ -130,13 +131,13 @@ const DeclarativeChartBasicExample: React.FC<IDeclarativeChartProps> = () => {
           Download as Image
         </button>
         <div data-testid="chart-container" >
-          <br />
-          <br />
-          <Subtitle2>{selectedSchema.layout.title}</Subtitle2>
-          <Divider/>
           <br />
           <br />
           <ErrorBoundary>
+            <Subtitle2>{chartTitle}</Subtitle2>
+            <Divider/>
+            <br />
+            <br />
             <DeclarativeChart
               chartSchema={inputSchema}
               onSchemaChange={_handleChartSchemaChanged}

apps/plotly_examples/tests/DeclarativeChart.spec.ts

@@ -1,7 +1,7 @@
 import { test, expect, Locator } from '@playwright/test';
 import * as dotenv from 'dotenv';
 
-const chartsListWithErrors = [33, 84, 87, 90, 91, 92, 98, 99, 100, 101, 167,168, 169, 170, 182, 183, 184, 185, 188, 189, 190, 191, 194, 195];
+const chartsListWithErrors = [];
 var totalChartExamplesCount = 252;
 
 test.beforeEach( async ({ page }) => {