From d6e4c138627aa08a65aff6f0829aa4a6ede825ea Mon Sep 17 00:00:00 2001
From: lankaukk <lankaukk@yahoo.com>
Date: Thu, 25 Jul 2024 14:49:25 -0400
Subject: [PATCH] fix opacity test id

---
 editor/src/components/inspector/inspector.tsx       |  3 +--
 .../container-subsection/container-subsection.tsx   | 13 +------------
 .../container-subsection/opacity-row.tsx            |  6 +++---
 3 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/editor/src/components/inspector/inspector.tsx b/editor/src/components/inspector/inspector.tsx
index 007552747526..ae4af038559c 100644
--- a/editor/src/components/inspector/inspector.tsx
+++ b/editor/src/components/inspector/inspector.tsx
@@ -175,8 +175,7 @@ const AlignmentButtons = React.memo((props: { numberOfTargets: number }) => {
         alignItems: 'center',
         height: UtopiaTheme.layout.rowHeight.normal,
         background: colorTheme.inspectorBackground.value,
-        padding: '8px 0px 8px 0px',
-        // borderBottom: `1px solid ${colorTheme.seperator.value}`,
+        padding: '8px 0px',
         flexShrink: 0,
       }}
     >
diff --git a/editor/src/components/inspector/sections/style-section/container-subsection/container-subsection.tsx b/editor/src/components/inspector/sections/style-section/container-subsection/container-subsection.tsx
index 67c3665f54d7..8ae8b7ccfeff 100644
--- a/editor/src/components/inspector/sections/style-section/container-subsection/container-subsection.tsx
+++ b/editor/src/components/inspector/sections/style-section/container-subsection/container-subsection.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { FlexRow, InspectorSubsectionHeader, colorTheme } from '../../../../../uuiui'
+import { colorTheme } from '../../../../../uuiui'
 import { PaddingRow } from '../../layout-section/layout-system-subsection/layout-system-controls'
 import { BlendModeRow } from './blendmode-row'
 import { OpacityRow } from './opacity-row'
@@ -8,17 +8,6 @@ import { UIGridRow } from '../../../widgets/ui-grid-row'
 export const ContainerSubsection = React.memo(() => {
   return (
     <div style={{ borderTop: `1px solid ${colorTheme.seperator.value}`, padding: '10px 0' }}>
-      {/* <InspectorSubsectionHeader>
-        <FlexRow
-          style={{
-            flexGrow: 1,
-            gap: 8,
-            height: 42,
-          }}
-        >
-          <span>Container</span>
-        </FlexRow>
-      </InspectorSubsectionHeader> */}
       <UIGridRow padded variant={'<--1fr--><--1fr-->|22px|'}>
         <OpacityRow />
         <BlendModeRow />
diff --git a/editor/src/components/inspector/sections/style-section/container-subsection/opacity-row.tsx b/editor/src/components/inspector/sections/style-section/container-subsection/opacity-row.tsx
index cf1011e653a7..060879f18263 100644
--- a/editor/src/components/inspector/sections/style-section/container-subsection/opacity-row.tsx
+++ b/editor/src/components/inspector/sections/style-section/container-subsection/opacity-row.tsx
@@ -42,10 +42,10 @@ export const OpacityRow = React.memo(() => {
       items={opacityContextMenuItems}
       data={null}
     >
-      {/* <PropertyLabel target={opacityProp}>Opacity</PropertyLabel> */}
       <SimplePercentInput
-        id='opacity-input'
-        testId='opacity-input'
+        id='opacity'
+        key='opacity'
+        testId='opacity'
         value={opacity?.value ?? 0}
         onSubmitValue={wrappedOnSubmitValue}
         onTransientSubmitValue={wrappedOnTransientSubmitValue}