From 9ce5bacd226e71d687609481039c28a765f52578 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Thu, 28 May 2026 13:51:02 +0200
Subject: [PATCH] Show experience position with role progression (#3116)

---
 .../pdf/src/templates/shared/sections.test.ts     | 15 +++++++++++++++
 packages/pdf/src/templates/shared/sections.tsx    |  4 +---
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 packages/pdf/src/templates/shared/sections.test.ts

diff --git a/packages/pdf/src/templates/shared/sections.test.ts b/packages/pdf/src/templates/shared/sections.test.ts
new file mode 100644
index 000000000..2eb3b769c
--- /dev/null
+++ b/packages/pdf/src/templates/shared/sections.test.ts
@@ -0,0 +1,15 @@
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+const source = readFileSync(fileURLToPath(new URL("./sections.tsx", import.meta.url)), "utf8");
+
+describe("ExperienceSection", () => {
+	it("does not hide the item position header when role progression is present", () => {
+		expect(source).not.toContain("item.roles.length === 0 && (hasPosition || hasSplitRowText(headerPeriod))");
+	});
+
+	it("does not repeat the summary period after rendering it in a role-progression header", () => {
+		expect(source).not.toContain("item.roles.length > 0 && <Text>{item.period}</Text>");
+	});
+});
diff --git a/packages/pdf/src/templates/shared/sections.tsx b/packages/pdf/src/templates/shared/sections.tsx
index bb03f832e..0b23f906e 100644
--- a/packages/pdf/src/templates/shared/sections.tsx
+++ b/packages/pdf/src/templates/shared/sections.tsx
@@ -415,7 +415,7 @@ const ExperienceSection = ({ sectionId = "experience", sectionData }: ItemSectio
 								{hasSplitRowText(headerLocation) && <Text style={composeStyles(alignEndStyle)}>{headerLocation}</Text>}
 							</View>
 
-							{item.roles.length === 0 && (hasPosition || hasSplitRowText(headerPeriod)) && (
+							{(hasPosition || hasSplitRowText(headerPeriod)) && (
 								<View style={composeStyles(splitRowStyle)}>
 									{hasPosition && <Text>{item.position}</Text>}
 									{hasSplitRowText(headerPeriod) && <Text style={composeStyles(alignEndStyle)}>{headerPeriod}</Text>}
@@ -428,8 +428,6 @@ const ExperienceSection = ({ sectionId = "experience", sectionData }: ItemSectio
 						<SectionItem key={item.id}>
 							<SectionItemHeader>{inlineItemHeader ? renderInlineHeader() : renderSplitHeader()}</SectionItemHeader>
 
-							{item.roles.length > 0 && <Text>{item.period}</Text>}
-
 							{item.roles.map((role) => (
 								<View key={role.id}>
 									<View style={composeStyles(splitRowStyle)}>