From ce56695904cb8bd87489d782f7c1c14569a35606 Mon Sep 17 00:00:00 2001
From: themancalledjakob <jakob@jrkb.land>
Date: Fri, 22 Sep 2023 10:22:19 +0200
Subject: [PATCH] add data-testid to sequence panel

---
 .../src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx   | 5 ++++-
 .../SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx   | 4 +++-
 .../src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx   | 5 ++++-
 .../SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx  | 4 +++-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx
index 0ded8ca..09107de 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/DopeSheet.tsx
@@ -20,7 +20,10 @@ const DopeSheet: React.VFC<{layoutP: Pointer<SequenceEditorPanelLayout>}> = ({
   const height = useVal(layoutP.dopeSheetDims.height)
 
   return (
-    <Container style={{height: height + 'px'}}>
+    <Container
+      data-testid="SequencePanel-Object"
+      style={{height: height + 'px'}}
+    >
       <DopeSheetBackground layoutP={layoutP} />
       <VerticalScrollContainer>
         <Left layoutP={layoutP} />
diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx
index fc8508e..0ecfba2 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx
@@ -119,7 +119,9 @@ const AnyCompositeRow: React.FC<{
         <LeftRowHead_Icon isCollapsed={isCollapsed} onClick={toggleCollapsed}>
           <HiOutlineChevronRight />
         </LeftRowHead_Icon>
-        <LeftRowHead_Label>{label}</LeftRowHead_Label>
+        <LeftRowHead_Label data-testid="SequencePanel-Title">
+          {label}
+        </LeftRowHead_Label>
       </LeftRowHeader>
       {hasChildren && <LeftRowChildren>{children}</LeftRowChildren>}
     </LeftRowContainer>
diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx
index 61af0bf..6cdc7ea 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/Left.tsx
@@ -26,7 +26,10 @@ const Left: React.VFC<{
     const width = val(layoutP.leftDims.width)
 
     return (
-      <Container style={{width: width + 'px', top: tree.top + 'px'}}>
+      <Container
+        data-testid="SequencePanel-Left"
+        style={{width: width + 'px', top: tree.top + 'px'}}
+      >
         <ListContainer>
           <SheetRow leaf={tree} />
         </ListContainer>
diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx
index 214c04e..1e39e45 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/PrimitivePropRow.tsx
@@ -151,7 +151,9 @@ const PrimitivePropRow: React.FC<{
         }}
         isSelected={isSelected === true}
       >
-        <PrimitivePropRowHead_Label>{label}</PrimitivePropRowHead_Label>
+        <PrimitivePropRowHead_Label data-testid="SequencePanel-PropTitle">
+          {label}
+        </PrimitivePropRowHead_Label>
         {controlIndicators}
         <PrimitivePropRowIconContainer
           onClick={toggleSelect}