test: add test to delete last character using Backspace in input comp…

…onent

e2e/inline-edit/simple-inline-edit.spec.ts

@@ -27,3 +27,37 @@ test('can add input component to canvas and edit', async ({ page }) => {
   );
   expect(textShape).toBeDefined();
 });
+
+test('can add and edit input, and delete last letter', async ({ page }) => {
+  await page.goto('');
+  const component = page.getByAltText('Input', { exact: true });
+
+  const position = await getLocatorPosition(component);
+  const targetPosition = {
+    x: position.x + 500,
+    y: position.y - 240,
+  };
+  await dragAndDrop(page, position, targetPosition);
+  await page.mouse.dblclick(targetPosition.x, targetPosition.y);
+
+  const input = page.getByRole('textbox').first();
+  const inputValue = await input.getAttribute('value');
+  expect(inputValue).toEqual('Placeholder');
+
+  const textContent = 'user';
+  await input.fill(textContent);
+
+  await page.keyboard.press('Backspace');
+
+  const updatedInputValue = await input.inputValue();
+  expect(updatedInputValue).toEqual('use');
+
+  await page.keyboard.press('Enter');
+
+  const inputShape = (await getByShapeType(page, 'input')) as Group;
+  expect(inputShape).toBeDefined();
+  const textShape = inputShape.children.find(
+    child => child.attrs.text === 'use'
+  );
+  expect(textShape).toBeDefined();
+});