extends в interface

export interface User {
  name: string;
}

export interface Admin extends User {
  role: string;
}

export const a: Admin = {
  name: "Макс",
  role: "lead"
};

extends User означает «у Admin есть всё, что есть у User, плюс то, что объявлено ниже». Итоговая форма это { name: string; role: string }, именно её и проверяет тест.

Почему не скопировать поле руками

Копия работает ровно до первого изменения: добавили в User поле email, и Admin про него не узнал. Наследование делает связь явной, а заодно сообщает читателю кода замысел: администратор это частный случай пользователя.

Есть и практическое следствие: значение типа Admin можно передать везде, где ждут User.

function greet(user: User) {
  return "Привет, " + user.name;
}

greet(a); 

Несколько родителей и переопределение

Интерфейс может расширять сразу несколько:

interface WithId {
  id: string;
}

interface Admin extends User, WithId {
  role: string

При переопределении поля родителя тип должен быть совместим с исходным, сузить можно, заменить на несовместимый нельзя:

interface Base {
  status: string;
}

// ок, сужение
interface Narrow extends Base {
  status:

extends или пересечение

Похожего результата можно добиться через оператор &, это следующее задание. Разница в деталях: extends проверяет совместимость сразу при объявлении и даёт более понятные сообщения об ошибках, а & работает с любыми типами, не только с интерфейсами.