fix opacity test id

concrete-utopia · Jul 25, 2024 · d6e4c13 · d6e4c13
1 parent 6fafea4
commit d6e4c13
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 17 deletions.
diff --git 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/...components/inspector/sections/style-section/container-subsection/container-subsection.tsx b/...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
@@ -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}