fix: use meta name for description (#72)

* fix: use meta name for description

* chore: fix tests

* chore: fix postdeploy test

* fix: remove json override

Author: maxakuru

src/templates/html/HTMLTemplate.js

@@ -85,7 +85,7 @@ export class HTMLTemplate {
 <meta charset="UTF-8">
 <title>${product.metaTitle || product.name}</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
-${HTMLTemplate.metaProperty('description', product.metaDescription)}
+${HTMLTemplate.metaName('description', product.metaDescription)}
 ${HTMLTemplate.metaName('keywords', product.metaKeyword)}`;
   }
 

src/templates/html/overrides/visual-comfort--adobe-edge.js

@@ -5,7 +5,6 @@
   <meta charset="UTF-8">
   <title>Bella Tank</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta property="description" content="">
 
   <meta property="og:title" content="Bella Tank">
   <meta property="og:type" content="product">

test/fixtures/post-deploy/bella-tank.html

@@ -54,7 +54,7 @@ describe('Render Product HTML', () => {
   });
 
   it('should have the correct meta description', () => {
-    const metaDescription = document.querySelector('meta[property="description"]');
+    const metaDescription = document.querySelector('meta[name="description"]');
     const expectedDescription = product.metaDescription;
     assert.strictEqual(metaDescription.getAttribute('content'), expectedDescription, 'Meta description does not match expected value');
   });