00354e9f-1823-4fe1-9953-8adc2e029c75

Committed 04 Feb 2026 09:32PM UTC coverage: 44.812% (-0.1%) from 44.923%

Build # 00354e9f-1823-4fe1-9953-8adc2e029c75

Build Type

push

circleci

Committed by CircleCI Auto-merge

Commit Message

Auto-merge master to production after successful tests - Original commit: Merge remote-tracking branch 'origin/master' into finnbarr-playwright

Run Details

3693 of 8408 branches covered (43.92%)

Branch coverage included in aggregate %.

0 of 3 new or added lines in 1 file covered. (0.0%)

81 existing lines in 10 files now uncovered.

1680 of 3582 relevant lines covered (46.9%)

79.42 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/components/MessageListCounts.vue

<template>
  <div v-if="browseCount" class="unread-divider">
    <div class="divider-line" />
    <div class="divider-content">
      <v-icon icon="eye" class="unread-icon" />
      <span class="unread-text">{{ browseCountPlural }}</span>
      <button class="mark-seen-btn" @click="markSeen">Mark seen</button>
    </div>
    <div class="divider-line" />
  </div>
</template>
<script setup>
import pluralize from 'pluralize'
import { computed } from 'vue'

const props = defineProps({
  count: {
    type: Number,
    required: false,
    default: 0,
  },
})

const emit = defineEmits(['markSeen'])

const browseCount = computed(() => {
  return Math.min(99, props.count)
})

const browseCountPlural = computed(() => {
  return pluralize('unread post', props.count, true)
})

function markSeen() {
  emit('markSeen')
}
</script>
<style scoped lang="scss">
@import 'assets/css/_color-vars.scss';

.unread-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  margin: 4px 0;
  background: $color-white;
  text-align: center;
}

.divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba($colour-secondary, 0.3),
    rgba($colour-secondary, 0.3),
    transparent
  );
}

.divider-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.unread-icon {
  font-size: 0.9rem;
  color: $colour-secondary;
}

.unread-text {
  font-size: 0.8rem;
  font-weight: 600;
  color: $colour-secondary;
}

.mark-seen-btn {
  font-size: 0.75rem;
  font-weight: 500;
  color: $color-gray--dark;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;

  &:hover {
    color: $colour-secondary;
  }
}
</style>

1	<template>
2	<div v-if="browseCount" class="unread-divider">
3	<div class="divider-line" />
4	<div class="divider-content">
5	<v-icon icon="eye" class="unread-icon" />
6	<span class="unread-text">{{ browseCountPlural }}</span>
7	<button class="mark-seen-btn" @click="markSeen">Mark seen</button>	×
8	</div>
9	<div class="divider-line" />
10	</div>
11	</template>
12	<script setup>
13	import pluralize from 'pluralize'
14	import { computed } from 'vue'
15
UNCOV 16	const props = defineProps({	×
17	count: {
18	type: Number,
19	required: false,
20	default: 0,
21	},
22	})
23
24	const emit = defineEmits(['markSeen'])
25
26	const browseCount = computed(() => {
27	return Math.min(99, props.count)
28	})
29
30	const browseCountPlural = computed(() => {
31	return pluralize('unread post', props.count, true)
32	})
33
34	function markSeen() {	×
35	emit('markSeen')	×
36	}
37	</script>
38	<style scoped lang="scss">
39	@import 'assets/css/_color-vars.scss';
40
41	.unread-divider {
42	display: flex;
43	align-items: center;
44	justify-content: center;
45	gap: 12px;
46	padding: 12px 16px;
47	margin: 4px 0;
48	background: $color-white;
49	text-align: center;
50	}
51
52	.divider-line {
53	flex: 1;
54	height: 1px;
55	background: linear-gradient(
56	to right,
57	transparent,
58	rgba($colour-secondary, 0.3),
59	rgba($colour-secondary, 0.3),
60	transparent
61	);
62	}
63
64	.divider-content {
65	display: flex;
66	align-items: center;
67	justify-content: center;
68	gap: 8px;
69	white-space: nowrap;
70	flex-shrink: 0;
71	}
72
73	.unread-icon {
74	font-size: 0.9rem;
75	color: $colour-secondary;
76	}
77
78	.unread-text {
79	font-size: 0.8rem;
80	font-weight: 600;
81	color: $colour-secondary;
82	}
83
84	.mark-seen-btn {
85	font-size: 0.75rem;
86	font-weight: 500;
87	color: $color-gray--dark;
88	background: none;
89	border: none;
90	padding: 0;
91	cursor: pointer;
92	text-decoration: underline;
93
94	&:hover {
95	color: $colour-secondary;
96	}
97	}
98	</style>

Freegle / iznik-nuxt3 / 00354e9f-1823-4fe1-9953-8adc2e029c75

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous