diff --git a/src/__tests__/components/InlineTags.test.jsx b/src/__tests__/components/InlineTags.test.jsx index 834adbb..bcfac5b 100644 --- a/src/__tests__/components/InlineTags.test.jsx +++ b/src/__tests__/components/InlineTags.test.jsx @@ -34,7 +34,7 @@ describe("InlineTags", () => { const onUpdate = vi.fn(); const process = { tags: ["react"] }; render(); - const input = screen.getByPlaceholderText("+ adicionar tag"); + const input = screen.getByPlaceholderText("+ tag"); fireEvent.change(input, { target: { value: "typescript" } }); fireEvent.keyDown(input, { key: "Enter" }); expect(onUpdate).toHaveBeenCalledWith({ tags: ["react", "typescript"] }); @@ -44,7 +44,7 @@ describe("InlineTags", () => { const onUpdate = vi.fn(); const process = { tags: [] }; render(); - const input = screen.getByPlaceholderText("+ adicionar tag"); + const input = screen.getByPlaceholderText("+ tag"); fireEvent.change(input, { target: { value: "nextjs" } }); fireEvent.blur(input); expect(onUpdate).toHaveBeenCalledWith({ tags: ["nextjs"] }); @@ -54,7 +54,7 @@ describe("InlineTags", () => { const onUpdate = vi.fn(); const process = { tags: ["react"] }; render(); - const input = screen.getByPlaceholderText("+ adicionar tag"); + const input = screen.getByPlaceholderText("+ tag"); fireEvent.change(input, { target: { value: "react" } }); fireEvent.keyDown(input, { key: "Enter" }); expect(onUpdate).not.toHaveBeenCalled(); @@ -64,7 +64,7 @@ describe("InlineTags", () => { const onUpdate = vi.fn(); const process = { tags: ["react"] }; render(); - const input = screen.getByPlaceholderText("+ adicionar tag"); + const input = screen.getByPlaceholderText("+ tag"); fireEvent.change(input, { target: { value: " " } }); fireEvent.blur(input); expect(onUpdate).not.toHaveBeenCalled(); diff --git a/src/components/process/InlineTags.jsx b/src/components/process/InlineTags.jsx index d276731..011cca6 100644 --- a/src/components/process/InlineTags.jsx +++ b/src/components/process/InlineTags.jsx @@ -25,8 +25,8 @@ export function InlineTags({ process, onUpdate }) { onChange={e=>setNewTag(e.target.value)} onKeyDown={e=>{ if(e.key==="Enter"){e.preventDefault();addTag();} }} onBlur={addTag} - placeholder="+ adicionar tag" - style={{ padding:"3px 8px", borderRadius:6, border:"1px dashed var(--border-md)", background:"transparent", color:"var(--t2)", fontSize:12, fontFamily:"'JetBrains Mono',monospace", outline:"none", minWidth:110, width:"auto" }} + placeholder="+ tag" + style={{ padding:"3px 10px", borderRadius:6, border:"1px dashed var(--border-md)", background:"transparent", color:"var(--t2)", fontSize:12, fontFamily:"'JetBrains Mono',monospace", outline:"none", width:64, textAlign:"center" }} /> );