[r96943502] chore: it does not render anchor if target ide is true

Author: marinaaisa

src/components/ContentNode/SectionTitle.vue

@@ -10,12 +10,12 @@
 
 <template>
   <component
-   :id="id"
+   :id="!isTargetIDE ? id : null"
    :is="tag"
    class="section-title"
   >
     <a
-      v-if="anchor"
+      v-if="anchor && !isTargetIDE"
       :href="`#${anchor}`"
       class="header-anchor"
       aria-label="hidden"
@@ -46,6 +46,11 @@ export default {
       default: () => 'h2',
     },
   },
+  inject: {
+    isTargetIDE: {
+      default: () => false,
+    },
+  },
   mounted() {
     if (!this.anchor) return;
     const element = document.getElementById(`${this.anchor}`);

tests/unit/components/ContentNode/SectionTitle.spec.js

@@ -33,7 +33,6 @@ describe('SectionTitle', () => {
   it('renders a section title with a header anchor and an id on the wrapper', async () => {
     const wrapper = shallowMount(SectionTitle, {
       propsData: {
-        tag: 'h2',
         anchor: 'title',
       },
       slots: { default: 'Title' },
@@ -54,7 +53,6 @@ describe('SectionTitle', () => {
 
     const wrapper = shallowMount(SectionTitle, {
       propsData: {
-        tag: 'h2',
         anchor: 'title',
       },
       slots: { default: 'Title' },
@@ -70,4 +68,16 @@ describe('SectionTitle', () => {
     const wrapper = shallowMount(SectionTitle);
     expect(wrapper.find('.header-anchor').exists()).toBe(false);
   });
+
+  it('does not render anchor if target ide is true', () => {
+    const wrapper = shallowMount(SectionTitle, {
+      propsData: {
+        anchor: 'title',
+      },
+      provide: {
+        isTargetIDE: true,
+      },
+    });
+    expect(wrapper.find('.header-anchor').exists()).toBe(false);
+  });
 });